`

form/input autocomplete="off"属性(转)

 
阅读更多


有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击 input文本输入框就会出现之前输入的文本,这样有时会觉得比较方便,但有时也会暴露用户的隐藏数据,所以今天就教大家让input表单输入框不记录输 入过信息的方法。

    其实方法很简单,只需要在input文本输入框中加一条autocomplete="off"属性即可,相关代友如下所示:

    <input type="text" name="htmer" autocomplete="off" />

如果是ASP.NET服务器控件,比如TextBox,可以在后台代码加上:

this.txbAddress.Attributes.Add("autocomplete",off);

二、

input 的属性autocomplete 默认为on

其含义代表是否让浏览器自动记录之前输入的值

很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到

可以在input中加入autocomplete="off" 来关闭记录



另外,如果整个表单都不想让浏览器自动记录之前输入的值,我们可以给from表单加上autocomplete="off",这样整个表单都不会记录用户输入的值。

If the page containing the password field is served over HTTPS and it was served with headers preventing caching
of the data in the form, then Autocomplete is turned off for the form in Internet Explorer.

如果页面使用HTTPS协议并且包含密码字段,它是在请求头部阻止缓存表单中的数据,然后关闭IE中的自动补全。(呵呵,按自己的理解翻译的,未必准确)

系统需要保密的情况下可以使用此参数

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法

    在网页开发中,为了提供更好的用户体验,经常会在输入框元素(`&lt;input&gt;`)上使用`autocomplete`属性来控制浏览器的自动填充功能。这个属性允许开发者开启或关闭表单字段的自动完成,例如搜索框的建议提示。然而,...

    解决浏览器会自动填充密码的问题

    解决办法是在form上或input上添加autoComplete=”off”这个属性。 form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.’autocomplete=”off”‘在Chrome中不起作用解决方案 ...

    织梦按栏目搜索代码,点击选择当前,css+div

    织梦按栏目搜索代码,点击选择当前,css+div

    dc-form-validator:Vanilla JS表单验证器。 支持IE9 +

    input type =" text " autocomplete =" off " data-rule =" from " name =" from " value ="" /&gt; &lt; input type =" text " autocomplete =" off " data-rule =" to " name =" to " /&gt; &lt; input type =" ...

    HTML5(软件品牌)-1期 14 教学课件_单元5_HTML5的form元素及属性.pdf

    E-mail: &lt;input type="email" name="email" autocomplete="off" /&gt; &lt;input type="submit" /&gt; &lt;/form&gt; ``` 2. `novalidate`属性:这个属性用于在提交表单时跳过内置的HTML5验证。如果`novalidate`被设置,即使表单...

    1HTML5表单属性

    - `autocomplete` 属性可以应用于 `&lt;form&gt;` 标签以及一系列 `&lt;input&gt;` 类型,包括 text、search、url、telephone、email、password、datepickers 和 color 等。 - 当用户在设置了 `autocomplete` 的输入框内开始输入...

    autocomplete禁止自动完成功能.docx

    首先,要禁用`autocomplete`功能,可以在HTML的`&lt;form&gt;`或`&lt;input&gt;`标签中添加`autocomplete="off"`属性。例如: ```html &lt;form action="/submit" autocomplete="off"&gt; &lt;input type="text" name="username" ...

    如何禁止文本框的记忆性输入?

    这段代码中的 `&lt;form&gt;` 和 `&lt;input&gt;` 元素都设置了 `autocomplete="off"` 属性,这样就可以阻止浏览器保存和自动填充用户输入的信息。 ##### 2. JavaScript 实现 除了 HTML 的方式外,还可以通过 JavaScript 来...

    HTML5表单中新增的input属性1.pdf

    本文档主要关注HTML5中新增的三个input属性:autocomplete、autofocus和form。 1. **autocomplete属性**: autocomplete属性允许开发者控制表单字段是否启用浏览器的自动填充功能。这个属性可以设置为"on"、"off...

    js笔记web前端开发

    - **解决方法**:通过设置 `autocomplete` 属性为 `off` 来禁用此功能。 #### 2.2 实现方法 ```html &lt;!-- 方法一 --&gt; &lt;form&gt; &lt;input autocomplete="off" type="text"/&gt; &lt;input autocomplete="off" type="text"/&gt; ...

    LayuiForm表单.txt

     &lt;input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input" style="width:200px;"&gt;  &lt;/div&gt;  &lt;/div&gt;  &lt;div class="layui-form-item"&gt;  ...

    使用 SVG 制作单选和多选动画.rar

    &lt;form class="ac-custom ac-radio ac-fill" autocomplete="off"&gt; &lt;h2&gt;Where do you proactively envision multimedia based expertise and cross-media growth strategies?&lt;/h2&gt; &lt;li&gt;&lt;input id...

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

    可以在`&lt;form&gt;`标签中设置`autocomplete`属性为`off`,这样整个表单的所有输入框都将关闭自动完成。例如: ```html &lt;form name="form1" autocomplete="off"&gt; &lt;!-- 输入框 --&gt; &lt;/form&gt; ``` 2. **关闭特定...

    空间浏览器

    return ptui_checkValidate()" method="post" name="loginform" action="http://ptlogin2.qq.com/login" target="_self" autocomplete="off"&gt; &lt;ul class="login_list" id="web_login"&gt; &lt;li class="login_input...

    SpringMVC防止浏览器记住表单用户名称和密码的方法.docx

    &lt;form action="loginUrl.action" id="myform" autocomplete="off" method="post"&gt; &lt;input type="text" name="mid" id="mid" data-required="true" /&gt; &lt;input type="text" style="height: 0;opacity: 0;display:...

    HTML5(软件品牌)-1期 13 教学课件_单元5_HTML5的input属性.pdf

    form属性允许将input元素关联到一个或多个表单,即使input元素在表单元素外部。通过指定表单的ID,input元素仍可作为该表单的一部分。例如: ```html &lt;input type="text" name="address1" form="form1" /&gt; ``` ...

    html禁止清除input文本输入缓存的两种方法

    多数浏览器默认会缓存input的值...input type="text" autocomplete="off" name="test" /&gt;   方法二:  在 input 所在的form标签中添加 XML/HTML Code复制内容到剪贴板 autocomplete="off";eg: &lt;form 

    登录不弹框提示保存密码.不自动填充.文本框不拉选择

    &lt;input type="text" id="username" autocomplete="off"&gt; &lt;input type="password" id="password" autocomplete="new-password"&gt; &lt;button type="submit"&gt;登录&lt;/button&gt; &lt;/form&gt; ``` 其次,不自动填充已保存的...

    解决layer弹出层中表单不起作用的问题

    如下所示: ...form class=layui-form action=&gt;' ...input type=text name=rolename required lay-verify=required placeholder=请输入角色名 autocomplete=off class=layui-input&gt;&lt;/div&gt;&lt;/d

Global site tag (gtag.js) - Google Analytics