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

html-css019

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表单存在的常见兼容问题》

onsubmit 属性在提交form表单时触发,onsubmit 属性只在 <form>中使用。

测试代码如下:

<!DOCTYPE html>

<html>

<head>

<script>

function checkForm()

{

alert("表单已提交!")

}

</script>

</head>

<body>

<form action="/demo/demo_form.asp" onsubmit="checkForm()">

姓:<input type="text" name="lname"><br>

名:<input type="text" name="fname"><br>

<input type="submit" value="提交">

<p>函数 checkForm() 在提交按钮被点击时触发。此函数向用户显示一段消息。</p>

</body>

</html>