email——input新类型
按照下方格式进行表单提交时,会自动检测邮箱格式。
缺点: 局限性。
<form>
<input type="email">
<input type="submit" value="提交">
</form>
JS向input的value赋值
//1. 不推荐使用
//这种写法有时会失效,特别是他的父元素是dosplay:none时
this.game_input.val("值");
//2. 推荐使用
//可正常赋值
this.game_input.attr("value","值");
//3. js原始写法
this.game_input.value="值";
今天算是跟这个问题杠上了。
浏览器的保存账户密码功能,给我们带来了很大的便利,但是在有些情况下,我们并不希望浏览器帮我们填充一些表单,然而单独的autocomplete
的一些参数项并不能阻止浏览器回填。
关闭浏览器自动填充
- ① 给登录表单的标签,增加
autocomplete="off"
在autocomplete
的文档中说明了value
为off
时,浏览器禁止给当前字段自动的输入或者选中一个值,但Note言明:在大多数现代浏览器中,off
值不能阻止浏览器的密码管理工具自动填充。 - ② 故我们先了解浏览器是如何自动填充的。浏览器自动保存表单是根据当前
form
存在type
为password
的input
、且该input
为表单中的第一个类型为password
的input
输入框。 - ③ 了解自动填充原理之后,我们将password的类型设置text,当聚焦到该input上之后,将密码改为password即可。
<input type="text" name="password" autocomplete="off" onfocus="this.type='password'">
浏览器 | 测试结果 |
---|---|
Google Chrome | 不会自动填充,可以手动填充 |
FireFox | 不会自动填充,可以手动填充 |
360极速浏览器(webkit内核) | 不会自动填充,可以手动填充 |