特定于WebKit的属性,用于禁用某个字段上的自动填充功能

时间:2013-05-12 02:11:46

标签: input autocomplete safari webkit autofill

是否存在某种属性会阻止某个HTML <input>上的Safari和Chrome的地址和联系信息。

我的某个表单中有一个EmailSubject字段,而Safari(iOS和dekstop)将其视为电子邮件输入,并在该字段中输入用户的电子邮件地址。

我绝对不打算禁用autocomplete,甚至不打算只在WebKit浏览器上禁用它的jQuery代码,只是为input本身寻找某种内置的WebKit属性。谷歌无法帮助解决这个问题。

1 个答案:

答案 0 :(得分:1)

有时候我会在Chrome和Safari上发现这种奇怪的行为,当中有相同格式的密码字段时。我想,浏览器会查找密码字段以插入保存的凭据。然后它自动填充(只是猜测由于观察)最近的textlike-input字段,它出现在DOM中的密码字段之前。这也可能出现在电子邮件,家庭住址等处。由于浏览器是最后一个实例而您无法控制它,有时甚至autocomplete = off也不会阻止填写凭据。这个readonly-fix对我有用。

 <!-- fix browser address/password etc fill in: 
     set readonly and set writeble on focus (click and tab) -->
 <input type="search" readonly  
     onfocus="$(this).removeAttr('readonly');"/>