文本框不会显示正常的Google Chrome信用卡检测

Question

使用Google Chrome时,我的结帐页面上的信用卡文本框无法显示选择现有信用卡的正常功能.我确实按照谷歌的建议设置了"自动完成类型".

这是由于长的"asp.net"样式id字段？

<input name="ctl00$conMain$CheckoutControl1$txtCreditCardNumber" type="text" id="ctl00_conMain_CheckoutControl1_txtCreditCardNumber" title="Credit Card Number " x-autocompletetype="cc-number">

https://dia-fundraising-dinner-2015.simpletix.com/Checkout/Guest/Order/df71f52a-f9b9-4dcd-923b-4e2d46bd754a/

Answer 1

它工作正常，但您需要信用卡上的姓名作为第一个输入字段，chrome 使用它来自动完成其余部分。此外还可以使用 autocomplete它x-autocompletetype来支持其他版本的 chrome。

<input name="ccname" id="frmNameCC" required 
  placeholder="Full Name" autocomplete="cc-name"> 
<input name="ctl00$conMain$CheckoutControl1$txtCreditCardNumber" 
  type="text" id="ctl00_conMain_CheckoutControl1_txtCreditCardNumber"
  title="Credit Card Number " x-autocompletetype="cc-number" 
  autocomplete="cc-number">

看我的jsfiddle：https ://jsfiddle.net/c3ck1uxc/1/