`
silentlakeside
  • 浏览: 109039 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

如何关闭输入框的自动完成功能

阅读更多


HTML的输入框可以拥有自动完成的功能,当你往输入框输入内容的时候,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了。

但有时候我们希望关闭输入框的自动完成功能,例如当用户输入内容的时候,我们希望使用AJAX技术从数据库搜索并列举而不是在用户的历史记录中搜索。

关闭输入框的自动完成功能有3种方法:

1、在IE的Internet选项菜单里的内容--自动完成里面设置

2、设置Form的autocomplete为"on"或者"off"来开启或者关闭自动完成功能

3、设置输入框的autocomplete为"on"或者"off"来开启或者关闭该输入框的自动完成功能

测试代码:(在每个form输入文字然后提交,然后再回来看看能否自动完成,注意要提交后才能有历史记录,才可能自动完成;提交后页面可能出错,不用管它,后退回去即可)

xml 代码
 
  1. 打开自动完成功能的Form < br >   
  2. < form   name = "form1"   autocomplete = "on" >   
  3.     打开自动完成功能的输入框  
  4.     < input   type = "text"   autocomplete = "on"   name = "txtOff1" > < br >   
  5.     关闭自动完成功能的输入框  
  6.     < input   type = "text"   autocomplete = "off"   name = "txtOn1" > < br >   
  7.     < input   type = "submit"   value = "提交" > < br >   
  8. </ form >   
  9. 关闭自动完成功能的Form< br >   
  10. < form   name = "form1"   autocomplete = "off" >   
  11.     打开自动完成功能的输入框  
  12.     < input   type = "text"   autocomplete = "on"   name = "txtOff1" > < br >   
  13.     关闭自动完成功能的输入框  
  14.     < input   type = "text"   autocomplete = "off"   name = "txtOn1" > < br >   
  15.     < input   type = "submit"   value = "提交" > < br >   
  16. </ form >   
分享到:
评论
1 楼 sun000yun 2010-02-08  
学到了,不错

相关推荐

    输入框自动完成功能

    标题中的“输入框自动完成功能”指的是在Web开发中,一种常见的用户界面特性,它允许用户在输入框中键入内容时,系统能够自动显示一个下拉列表,供用户选择匹配的建议项。这种功能通常用于提升用户体验,特别是在...

    ASP仿Google输入框提示_自动完成功能

    ASP仿Google输入框提示_自动完成功能ASP仿Google输入框提示_自动完成功能ASP仿Google输入框提示_自动完成功能ASP仿Google输入框提示_自动完成功能ASP仿Google输入框提示_自动完成功能ASP仿Google输入框提示_自动完成...

    js 实现 输入框自动完成功能

    js 实现 输入框自动完成功能! 值得下载看看!资源免费,大家分享!!

    c#textbox输入框自动提示、自动完成、自动补全功能

    自动完成功能是在用户输入过程中,当达到一定条件(如连续输入几个字符)时,TextBox会自动填充剩余部分,以完成一个完整的单词或短语。C#中,可以通过使用System.Windows.Forms.AutoCompleteSource和System.Windows...

    输入框 自动完成 AJAX

    标题中的“输入框自动完成AJAX”是一种常见的前端开发技术,用于提高用户在网页上的输入效率。自动完成功能,也称为自动填充或建议输入,它根据用户在输入框中键入的内容,动态地提供可能的匹配选项。这种功能在搜索...

    jQuery select选择框/文本输入框自动完成/自动提示插件

    这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件,帮助你在网站中轻松添加输入框的自动完成和自动提示功能。主要参数介绍: serviceUrl:Ajax 请求的 URL; lookup:本地数据数组; minChars:...

    jsp+ajax实现输入框自动搜索

    本文将详细介绍如何使用jsp和ajax技术实现输入框自动搜索功能,类似于百度搜索。 一、标题:jsp+ajax实现输入框自动搜索 该标题表明该技术使用jsp和ajax实现输入框自动搜索功能。 二、描述:类似于百度的搜索一样...

    C#dataGridView中输入框自动提示、自动完成、自动补全功能

    在实际应用中,为了提高用户交互体验,我们常常需要为`dataGridView`的输入框添加自动提示、自动完成和自动补全功能。这些功能能够帮助用户更快地找到或输入他们想要的数据,减少错误输入的可能性。 自动提示...

    仿google输入框自动完成输入源码

    "仿google输入框自动完成输入源码" 这个标题指的是一个编程项目,其目标是模仿Google搜索框的自动填充(Autocomplete)功能。在实际的网页开发中,这样的功能可以极大地提升用户体验,因为它允许用户在输入查询时...

    ASP输入框自动完成查询实例

    自动完成功能可以显著提升用户体验,因为它减少了用户手动输入完整关键词的需要。此外,通过优化查询算法,还可以避免在大量数据中搜索时的延迟,使功能更加流畅。 总结起来,这个ASP输入框自动完成查询实例是一个...

    textbox输入框自动提示功能

    这些控件通常提供内置的自动完成功能。 5. **UI更新**:在找到匹配项后,我们需要更新用户界面,显示一个下拉列表或类似的元素,其中包含建议的选项。这通常涉及到对控件的属性设置,如`Items`(存储提示项)和`...

    输入框自动完成、补全Email提示插件

    在IT行业中,输入框自动完成和补全功能已经成为提高用户交互体验的重要手段,尤其是在处理大量数据输入时,如电子邮件地址的填写。本文将详细探讨这一技术,并以“输入框自动完成、补全Email提示插件”为例,阐述其...

    C#实现输入框自动完成

    - None:关闭自动完成功能。 2. **AutoCompleteSource**: 这个属性决定了自动完成数据的来源。可以使用以下几种方式: - CustomSource:使用自定义的`AutoCompleteStringCollection`对象。 - FileNames:从文件...

    jquery输入框提示自动完成功能.rar

    本教程将深入探讨如何利用jQuery实现输入框的提示自动完成功能,这种功能常见于搜索引擎、登录表单等,可以极大地提高用户体验。 首先,我们需要一个基本的HTML结构,包括一个input元素,作为用户输入的文本框。...

    仿baidu google 输入框自动完成

    【标题】"仿baidu google 输入框自动完成" 涉及的核心技术是JavaScript实现的自动补全功能,这是Web开发中常见的一种交互设计,通常用于提升用户输入体验,尤其在搜索框中应用广泛。自动补全功能允许用户在输入过程...

    js实现输入框输入的自动匹配功能

    在JavaScript编程中,输入框自动匹配功能是一种常见的用户体验优化手段,尤其在搜索、表单填写等场景中广泛应用。这种功能可以实时地根据用户输入的内容,从预设的数据集中匹配并展示可能的选项,帮助用户快速找到...

    基于jQuery+ASP.NET技术实现的输入框提示自动完成功能程序代码

    在网页开发中,提高用户体验是至关重要的,而输入框的自动完成功能正是提升交互性的一个有效手段。本文将深入探讨如何使用jQuery和ASP.NET技术来实现这一功能,旨在帮助开发者构建更高效、友好的前端界面。 jQuery...

    输入框的自动提示实例

    下面将详细介绍输入框自动提示的基本原理、实现方法以及相关的编程技术。 1. 基本原理: 自动提示功能基于数据匹配原理,当用户在输入框中输入文字时,后台会实时检测输入内容,并与预设的数据集进行比对。如果找到...

    jquery自动完成输入框

    描述中提到了"autocomplete 输入框自动完成 自动下拉查询",这进一步明确了我们讨论的是一个基于jQuery的自动补全插件。这个插件实现了当用户在输入框中输入文本时,能够实时触发查询,并展示与输入内容匹配的下拉...

Global site tag (gtag.js) - Google Analytics