`

html元素的autocomplete属性(转载)

 
阅读更多
关于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中的自动补全。(呵呵,按自己的理解翻译的,未必准确)

系统需要保密的情况下可以使用此参数
分享到:
评论

相关推荐

    vant的field组件(autocomplete)

    - `index.wxml`: 小程序的结构文件,定义了组件的结构布局,包括`Field`和`Autocomplete`组件的嵌套以及相关元素。 - `index.wxss`: 小程序的样式文件,用于设置组件的样式,可能包括`Field`和`Autocomplete`的...

    layui自动填充插件autocomplete.rar

    1. **基本结构**:在HTML部分,你需要创建一个input元素,通过`lay-filter`属性与layui的事件绑定,并设置`lay-autocomplete`属性来启用插件。例如: ```html &lt;input type="text" id="exampleInput" lay-filter="...

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-10 autocomplete属性

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第4章 HTML5表单的应用 例4-10 autocomplete属性

    Autocomplete

    Autocomplete

    jquery 实现autocomplete效果

    在HTML中,我们可以设置`&lt;input&gt;`元素的`type`属性为`text`,并添加`autocomplete`属性来开启这一功能。但是,原生的`autocomplete`功能通常需要服务器端的支持,提供预填充的建议列表。 要使用jQuery实现...

    应用HTML5表单属性实现多文件上传

    HTML5 的出现带来了许多新的特性和属性,其中一些表单属性特别有用,例如 multiple、required、autocomplete、placeholder 和 autofocus 等。下面我们将详细介绍这些属性的用法和实现。 1. Multiple 属性 ...

    autocomplete

    这个文件可能包含了Autocomplete组件的核心逻辑,用于绑定到输入框元素上,根据用户输入动态请求数据并显示建议。 在使用jQuery Autocomplete时,开发者通常需要执行以下步骤: 1. 引入jQuery库和jQuery UI库(包括...

    让输入框关闭自动完成(AutoComplete)功能

    关闭输入框的自动完成功能,可以使用HTML中input元素的autocomplete属性。这个属性能够控制浏览器自动完成功能对指定表单输入字段的行为。通过将input元素的autocomplete属性值设置为"off",可以指示浏览器不自动...

    jquery插件-autocomplete

    我们可以使用AJAX请求获取数据,并在请求成功后设置Autocomplete的lookup属性: ```javascript $("#search-input").autocomplete({ lookup: function(query, done) { $.ajax({ url: "your_server_api", type: ...

    Jquery autocomplete插件使用

    在HTML中创建一个输入框,并为其绑定autocomplete属性: ```html ``` 然后,在JavaScript中初始化Autocomplete插件: ```javascript $(function() { $("#search-box").autocomplete({ source: ["Apple", ...

    jquery-ui-autocomplete

    2. **创建元素**:在HTML中添加一个输入框元素,例如`&lt;input type="text" id="autocomplete-input"&gt;`,用于实现自动补全功能。 3. **初始化组件**:使用JavaScript或jQuery来初始化Autocomplete组件,如下: ```...

    jquery autocomplete实现框输入提示

    基本的 HTML 结构应包含一个输入框元素,它将用于触发 Autocomplete 功能。 ```html &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; ...

    jquery.autocomplete干净demo

    使用 jQuery 选择器找到输入框元素,然后调用 `.autocomplete()` 方法来初始化插件。传入一个配置对象,包含数据源(`source`)、触发下拉菜单的最小字符数(`minLength`)等选项。例如: ```javascript $("#...

    autocomplete-demo.zip

    此外,还需要一个div元素来承载Autocomplete的下拉列表,可以设置CSS样式以达到理想的视觉效果。 ```html &lt;div id="autocomplete-results"&gt; ``` 接下来,我们引入jQuery和Autocomplete的JS文件,这里假设它们已经...

    jquery autocomplete下载.rar

    - **index.html**:这个文件是示例或测试页面,通常包含了一个使用 Autocomplete 插件的 HTML 输入框,用于展示插件的功能和用法。开发者可以通过查看和修改这个文件来了解如何在实际项目中集成 Autocomplete。 - ...

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

    在HTML5中,form元素及其相关属性是关键组成部分,它们帮助开发者构建更加灵活和智能的表单。 首先,`&lt;datalist&gt;`元素是一个重要的新特性,它允许开发者定义输入域的预设选项列表。例如,当用户在输入框中输入信息...

    jquery.autocomplete.js使用示例,可直接运行

    - `appendTo`:指定下拉列表应附加到哪个元素。 - `selectFirst`:是否自动选择第一个匹配项。 - `maxHeight`:下拉列表的最大高度。 - `matchContains`:是否允许部分匹配。 ### 4. 示例代码 在提供的压缩包`test...

    jquery autocomplete

    - `appendTo`:指定自动补全下拉列表应附加到哪个元素。 - `select`:当用户选择一个建议项时触发的回调函数。 - `focus`:当用户焦点在下拉列表上某个项目时触发的回调函数。 ### 3. 使用方法 首先,确保在页面中...

    jquery autocomplete示例

    首先,`jquery.autocomplete.css` 文件是样式表,用于定义 Autocomplete 元素的样式,如下拉列表的外观、高亮选中项等。在实际应用中,这个 CSS 文件可以自定义以适应项目的设计风格。 其次,`jquery-1.4.2.min.js`...

    Jquery AutoComplete 使用demo

    要使用 AutoComplete,你需要在输入框上添加 `autocomplete` 属性,并指定一个方法名,该方法将处理用户输入并返回建议列表。例如: ```html &lt;input type="text" id="search-box" autocomplete="off"&gt; ``` 然后,在 ...

Global site tag (gtag.js) - Google Analytics