0

何らかの理由で、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>
4

1 に答える 1

3

のラベル タグ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/

于 2013-04-15T09:10:30.550 に答える