一个禁用自动完成功能的表单项

发布日期:2015-09-13 20:35:51
很多浏览器默认提供自动完成功能以帮助用户输入。以往用户可以在浏览器设置中打开或关闭这项功能,现在我们还能告知浏览器我们不想在某个表单或表单域上使用自动完成功能。 这不仅仅能保护敏感数据 (例如银行账户) , 还可以让你确保用户用心填写表单,手工输入一些值。比如以前在填写表单时,如果需要填写电话号码,我就输入一个假号码。我保证不止我一个人这么做(大家不都是填假号码嘛? ) ,但我也能保证如果在相关的输入项上禁用自动完成功能,那用户肯定不会输入一个假号码。下面的代码演示了一个禁用自动完成功能的表单项:
<div>
<label for="tel">Telephone (so we can berate you if you're wrong)</label>
<input id="tel" name="tel" type="tel" placeholder="1-234-546758" autocomplete="off" required aria-required="true" >
</div>
我们也可以通过给表单本身(不是 fieldset )设置属性来禁用整个表单的自动完成功能。示例代码如下:
<form id="redemption" method="post" autocomplete="off">

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计