HTML5的form如何关闭自动完成功能

HTML5的form如何关闭自动完成功能,第1张

找到IE浏览器Internet选项里的内容进行设置

2.设置Form元素的autocomplete为“on”或者“off”来开启或者关闭自动完成功能

3.设置input输入框的autocomplete为“on”或者“off”来开启或者关闭该输入框的自动完成功能(关闭密码域的自动完成)

代码实例:

<!-- 打开自动完成功能的Form  -->

<form name="form1" autocomplete="on">  

    <!-- 打开自动完成功能的输入框   -->

    <input type="text" autocomplete="on" name="user">  

    <!-- 关闭自动完成功能的输入框   -->

    <input type="password" autocomplete="off" name="password">

</form>  

<!-- 关闭自动完成功能的Form  -->

<form name="form1" autocomplete="off">  

    <!-- 打开自动完成功能的输入框   -->

    <input type="text" autocomplete="on" name="user"> 

    <!-- 关闭自动完成功能的输入框   -->

    <input type="password" autocomplete="off" name="password"> 

</form>

表单的更多内容详见:《form表单存在的常见兼容问题》

form可以理解为一个框,然后把所有的input放在里面,

form的属性action表示你要处理表单内容的那个后端页面,一般是php或asp的;method属性,表示发送请求的方法,包括get和post两种,post加密,无字节限制。

由于实际开发中一个页面的input内容不可能全是连着放一块的,中间可能插入其他内容,所以,html5中form有新的元素,设置一个ID,然后其他的input元素中设置form属性,值等于ID,这样一个页面中不需要有多个form标签了,然后通过相同的ID就可以把所有的input标签放到form元素内了。示例:

<form action="/example/html5/demo_form.asp" method="get" id="user_form">

First name:<input type="text" name="fname" />

<input type="submit" />

</form>

<p>下面的输入域在 form 元素之外,但仍然是表单的一部分。</p>

Last name: <input type="text" name="lname" form="user_form" />

下面的input标签没有放在form元素内,但是,它有个form属性,指向了form标签的ID值,这样就把他们绑定了。

表单是前端用于向后台(PHP也好,JAVA也罢)提交数据的,form标签,对于网页来说,会“读取到”这是一个表单,是用于向后台提交数据的,通过form标签中属性的定义,确定要提交数据的地址(向哪里提交数据)以及提交数据的方式。换言之,如果没有form标签,表单数据是不能被“同步”提交的

input当中的name属性,也是为后台准备的,后台获取数据的方法是通过input的name属性,比如想要获取一个input的value值,input的name为user,那么在后台语言(如PHP)中,就通过 $_GET['user'] 的方法来获取


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6213119.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存