HTML表單輸入竊取焦點/焦點轉移

Question

由於某些原因，焦點不斷從我的HTML表單上的任何地址字段轉移到信用卡字段。

因此，點擊地址欄後，焦點返回到信用卡字段。

這可能很簡單，但任何人都可以幫忙嗎？

http://jsfiddle.net/xYbsz/

<form name='order-validation'> 
<p><label>email: <input type="email" title="email" id="emailAddress" name="email" value=""></label></p> 

<p> 
Phone: <select name="countrycode" style="display: inline;"> 
<option value="44" selected>UK (+44)</option> 
<option value="1">USA (+1)</option> 
<option value="213">Algeria (+213)</option> 
</select><input type="tel" name="phone" id="id_tel" required pattern="(\+?\d[-.]*){7,13}" title="international, national or local phone number"/></p> 
<img class="cc-img" id="visa-card-img" src="visa.jpg" /> 
<img class="cc-img" id="mastercard-card-img" src="mastercard.jpg" /> 
<img class="cc-img" id="amex-card-img"src="american-express.jpg" /> 
<p><label>credit card: <input type="text" id="cc_number" pattern="[0-9]{13,16}"><br /> 
<img class="cc-security-code" id="visa-sec-code" src="cvv.gif" /> 

<img class="cc-security-code" id="amex-sec-code" style="display: none;" src="amex-sec-code.gif" /><br /> 
Address: 
<input type="text" name="newCreditCardStreet" size="35" tabindex="5" value="" id="id_creditCardStreet"><br /> 
Town/City: 
<input type="text" name="newCreditCardLocality" size="35" tabindex="5" value="" id="id_creditCardLocality"><br /> 
Country: 
<input type="text" name="country" id="id_country"> 
<p><input type="button" name="submit" value="Submit" /></p> 
<p id="test"></p> 
</form> 

Answer 1

爲cc_number標籤標籤未關閉。

<label for="cc_number">credit card:</label> 
    <input type="text" id="cc_number" pattern="[0-9]{13,16}"><br /> 

另外我注意到在標記中標籤標籤正在包裝輸入。這是不必要的：

<label>email: 
    <input type="email" title="email" id="emailAddress" name="email" value=""> 
</label> 

而是使用for屬性：

<label for="emailAddress">email:</label> 
<input type="email" title="email" id="emailAddress" name="email" value=""> 

工作實例http://jsfiddle.net/xYbsz/1/