相关疑难解决方法(0)

如何在注册表单中避免使用浏览器预填充字段?

autocomplete="off"不是我追求的.基本上,在我的注册表上,有一个字段"电话"和"密码"一个放在另一个之上.(见截图)

令人烦恼的是,"电话"字段预先填充了用户名,因为我猜浏览器正在做什么 - 浏览器找到一个类型为password的字段,并假定文本输入字段就在它是用户名字段之前.效果是这样的:

登记表快照

为什么我对手机字段的非标准自动完成属性不感兴趣,我希望用户能够尽可能轻松地填写此表单,如果他们之前已在其他网站上输入了他们的电话号码(在称为字段中) "电话")当他们开始在场上打字时,他们可以从中受益.这就是为什么我不想完全关闭自动完成功能.

我正在更多地考虑重组字段以避免这种行为.或者某种方式告诉浏览器密码字段上方的字段与其无关,或者密码字段不用于验证目的.以某种方式标记它.或者在这两个字段之间注入一些不可见的元素?

有任何想法吗?

标记使用:

<input id="phone" name="phone" type="text" value="" maxlength="30">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="20">
Run Code Online (Sandbox Code Playgroud)

我在Chrome,FF上得到了这种行为(不确定IE,在我的机器上得到了一个古老的版本,甚至不想开始担心IE.)

html browser markup user-registration

35
推荐指数
2
解决办法
2万
查看次数

标签 统计

browser ×1

html ×1

markup ×1

user-registration ×1