关于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中的自动补全。(呵呵,按自己的理解翻译的,未必准确)
系统需要保密的情况下可以使用此参数
分享到:
相关推荐
- `index.wxml`: 小程序的结构文件,定义了组件的结构布局,包括`Field`和`Autocomplete`组件的嵌套以及相关元素。 - `index.wxss`: 小程序的样式文件,用于设置组件的样式,可能包括`Field`和`Autocomplete`的...
1. **基本结构**:在HTML部分,你需要创建一个input元素,通过`lay-filter`属性与layui的事件绑定,并设置`lay-autocomplete`属性来启用插件。例如: ```html <input type="text" id="exampleInput" lay-filter="...
响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第4章 HTML5表单的应用 例4-10 autocomplete属性
Autocomplete
在HTML中,我们可以设置`<input>`元素的`type`属性为`text`,并添加`autocomplete`属性来开启这一功能。但是,原生的`autocomplete`功能通常需要服务器端的支持,提供预填充的建议列表。 要使用jQuery实现...
HTML5 的出现带来了许多新的特性和属性,其中一些表单属性特别有用,例如 multiple、required、autocomplete、placeholder 和 autofocus 等。下面我们将详细介绍这些属性的用法和实现。 1. Multiple 属性 ...
这个文件可能包含了Autocomplete组件的核心逻辑,用于绑定到输入框元素上,根据用户输入动态请求数据并显示建议。 在使用jQuery Autocomplete时,开发者通常需要执行以下步骤: 1. 引入jQuery库和jQuery UI库(包括...
关闭输入框的自动完成功能,可以使用HTML中input元素的autocomplete属性。这个属性能够控制浏览器自动完成功能对指定表单输入字段的行为。通过将input元素的autocomplete属性值设置为"off",可以指示浏览器不自动...
我们可以使用AJAX请求获取数据,并在请求成功后设置Autocomplete的lookup属性: ```javascript $("#search-input").autocomplete({ lookup: function(query, done) { $.ajax({ url: "your_server_api", type: ...
在HTML中创建一个输入框,并为其绑定autocomplete属性: ```html ``` 然后,在JavaScript中初始化Autocomplete插件: ```javascript $(function() { $("#search-box").autocomplete({ source: ["Apple", ...
2. **创建元素**:在HTML中添加一个输入框元素,例如`<input type="text" id="autocomplete-input">`,用于实现自动补全功能。 3. **初始化组件**:使用JavaScript或jQuery来初始化Autocomplete组件,如下: ```...
基本的 HTML 结构应包含一个输入框元素,它将用于触发 Autocomplete 功能。 ```html <!DOCTYPE html> <html lang="zh"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ...
使用 jQuery 选择器找到输入框元素,然后调用 `.autocomplete()` 方法来初始化插件。传入一个配置对象,包含数据源(`source`)、触发下拉菜单的最小字符数(`minLength`)等选项。例如: ```javascript $("#...
此外,还需要一个div元素来承载Autocomplete的下拉列表,可以设置CSS样式以达到理想的视觉效果。 ```html <div id="autocomplete-results"> ``` 接下来,我们引入jQuery和Autocomplete的JS文件,这里假设它们已经...
- **index.html**:这个文件是示例或测试页面,通常包含了一个使用 Autocomplete 插件的 HTML 输入框,用于展示插件的功能和用法。开发者可以通过查看和修改这个文件来了解如何在实际项目中集成 Autocomplete。 - ...
在HTML5中,form元素及其相关属性是关键组成部分,它们帮助开发者构建更加灵活和智能的表单。 首先,`<datalist>`元素是一个重要的新特性,它允许开发者定义输入域的预设选项列表。例如,当用户在输入框中输入信息...
- `appendTo`:指定下拉列表应附加到哪个元素。 - `selectFirst`:是否自动选择第一个匹配项。 - `maxHeight`:下拉列表的最大高度。 - `matchContains`:是否允许部分匹配。 ### 4. 示例代码 在提供的压缩包`test...
- `appendTo`:指定自动补全下拉列表应附加到哪个元素。 - `select`:当用户选择一个建议项时触发的回调函数。 - `focus`:当用户焦点在下拉列表上某个项目时触发的回调函数。 ### 3. 使用方法 首先,确保在页面中...
首先,`jquery.autocomplete.css` 文件是样式表,用于定义 Autocomplete 元素的样式,如下拉列表的外观、高亮选中项等。在实际应用中,这个 CSS 文件可以自定义以适应项目的设计风格。 其次,`jquery-1.4.2.min.js`...
要使用 AutoComplete,你需要在输入框上添加 `autocomplete` 属性,并指定一个方法名,该方法将处理用户输入并返回建议列表。例如: ```html <input type="text" id="search-box" autocomplete="off"> ``` 然后,在 ...