设置框开始隐藏状态html5,小猿圈分享HTML5中form如何关闭自动完成功能的方法

WEB前端现在是时下较火的编程语言之一,但是对于怎么学习或者学习哪些内容很多朋友都是不了解的,针对以上内容小猿圈web前端讲师总结了form如何关闭自动完成功能的方法?希望对你的前端学习有一定的帮助。

什么是HTML5的form自动完成功能?

首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

如:

First name:

Last name:

E-mail:

请填写并提交此表单,然后重载页面,来查看自动完成功能是如何工作的。

请注意,表单的自动完成功能是打开的,而 e-mail 域是关闭的。

会发现,autocomplete="on"的会被“记录下来”,而E-mail的autocomplete="off",再次输入时不会被“记录”。这就是“HTML5中form的自动完成功能”啦!

如何关闭自动完成功能

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

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

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

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

(关闭整个表单(form)自动提示功能)

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

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

打开自动完成功能的Form

打开自动完成功能的输入框

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

关闭自动完成功能的Form

打开自动完成功能的输入框

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

建议:不要全部关闭自动完成功能,根据需要禁用一部分自动完成功能即可,如果你觉得浏览器自带的自动完成功能还不够强大,可以使用jquery插件来实现更加强大的自动提示完成功能。

小猿圈web前端讲师认为:授之以鱼更授之以渔,想要学好web前端首先需要就是端正自己的学习态度,明确学习目标,这样才能坚持学习。想要了解更多关于前端方面的小伙伴,可以关注小猿圈每天的动态,会不定期更新互联网编程知识,希望对你的学习有一定的帮助。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/433880.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

浏览器登录_经常用浏览器自动登录忘记了密码?教你一键查看网页星号密码

不知道大家有没有出现这种情况,因为一直用的网页自动填写密码来登录,所以有时候甚至把密码给忘了相信有的小伙伴有可能就会出现这种情况哈,今天小林君来教你个超简单的方法,不用安装任何软件,就可以一键查看网页上隐藏…

控件属性动作

控件应该定义属性而不是公共字段,因为可视化设计器在属性浏览器中显示属性,而不显示字段。属性就像智能字段。属性通常具有带访问函数的专用数据成员,在语法上属性被作为类的字段进行访问。(虽然属性可以具有不同的访问级别&#…

python连接数据库并编写调用函数_Python使用pyodbc访问数据库操作方法详解

本文实例讲述了Python使用pyodbc访问数据库操作方法。分享给大家供大家参考,具体如下:1、连接数据库1)直接连接数据库和创建一个游标(cursor)cnxn pyodbc.connect(DRIVER{SQL Server};SERVERlocalhost;DATABASEtestdb;UIDme;PWDpass)cursor cnxn.cursor(…

Mysql 5.5的编译安装 在ubuntu 10平台上面

(一)安装mysql5.5的要求 编译安装mysql5.5与5.1还是有一点不同,因为mysql现在用cmake来作编译工程工具。 这是与mysql5.1最大不同的地方,因此在安装mysql5.5时所要求的工具包也不同。发现用cmake编译mysql比以前的速度还是快了不少。 (1&a…

html图片轮播怎么做的,CSS3制作轮播图的一种方法

轮播图,网页上经常能看得见,画面比较精美,下面是纯CSS3的轮播图的一种下面是style部分:这几行都能明白吧*{margin:0;padding:0;}a{text-decoration:none}li{list-style:none;}设计宽度不要超过轮播图片的总宽度再加不到第一张1张图…

怎么让textarea占满整个td高度没用_家里没发现虫子,怎么才能确定是被什么害虫咬了?...

在家里被虫子咬,还发痒,主要有三种可能性。蚊子、跳蚤、臭虫都有可能,那么如何才能确定是被哪种害虫叮咬?接下来带大家了解三种害虫叮咬的区别!首先是蚊子,早上起来发现身上有包,先看有几处&…

PLSQL 笔记

oracle的左连接或右连接 以下是解释,自己研究下: ------------------------------------------------------------------- 数据表的连接有: 1、内连接(自然连接): 只有两个表相匹配的行才能在结果集中出现 2、外连接: 包括 (1)左外…

上位机与1200组态步骤_组态王与 I/O 设备

组态王软件是一种通用的工业监控软件,它将过程控制设计、现场操作以及工厂资源管理融于一体,将一个企业内部的各种生产系统和应用以及信息交流汇集在一起,实现最优化管理。它基于Microsoft Windows XP/Win7/Win8/Win10/WinServer 系列操作系统…

MySQL安装错误: unknown option '--skip-federated'

mysql启动时出现以下错误: [ERROR] /usr/local/mysql/libexec/mysqld: unknown option --skip-federated [ERROR] Aborting [Note] /usr/local/mysql/libexec/mysqld: Shutdown complete 只要将/etc/my.cnf文件中的skip-federated注释掉即可 通过查看/var/log/mysql…

华为鸿蒙发布2.0,华为做到了!鸿蒙2.0正式发布,苹果安卓有危机?

孩子的梦想总是天真烂漫,无论年龄大小,每个人都有属于自己的梦想,儿童节刚过华为天真的梦就照进了现实。6月2日晚间,鸿蒙2.0版本发布会如期而至,余承东正式向全世界宣布这款挑战安卓和 iOS的商用移动操作系统&#xff…

【IE大叔的嘴歪眼斜】之—— 由hasLayout引发的临床CSS Bug表

IE大叔这嘴歪眼斜的毛病不是一天两天了,集体拉出来测试时候,明明大家都在微笑,就丫一副呲牙咧嘴的...... 哎,没办法,谁让咱国内市面上都是这种呲牙咧嘴的浏览器呢.....(关注IE678死亡速度) 查阅,翻读&#…

greenplum 查询出来的数字加减日期_Python实践代码总结第5集(日期相关处理)

英文的月份转数字及数字转英文import calendar# 数字转月份的简写calendar.month_abbr[12]--> Dec# 简写月份转数字list(calendar.month_abbr).index(Dec)--> 12# 数字转月份的全写calendar.month_name[12]--> December# 月份转数字list(calendar.month_name).index(D…

静态代码和动态代码的区别_无代码和低代码有哪些区别

代码是大多数软件程序和应用程序的骨干。代码是大多数软件程序和应用程序的骨干。每行代码充当一条指令:采用一种逐步性的逻辑机制,以便计算机、服务器和其他机器执行操作。想创建那些指令,就要知道如何编写代码,这项宝贵的技能有…

备注html网页代码,备注.html · dengzhao/prd_zhangyao - Gitee.com

备注$axure.utils.getTransparentGifPath function() { return resources/images/transparent.gif; };$axure.utils.getOtherPath function() { return resources/Other.html; };$axure.utils.getReloadPath function() { return resources/reload.html; };备注…

mysqld与mysqld_safe的区别

直接运行mysqld程序来启动MySQL服务的方法很少见,mysqld_safe脚本会在启动MySQL服务器后继续监控其运行情况,并在其死机时重新启动它。用mysqld_safe脚本来启动MySQL服务器的做法在BSD风格的unix系统上很常见,非BSD风格的UNIX系统中的mysql.s…

python词频统计代码_机器学习必备宝典-《统计学习方法》的python代码实现及课件...

《统计学习方法》可以说是机器学习的入门宝典,许多机器学习培训班、互联网企业的面试、笔试题目,很多都参考这本书。本站根据网上资料用python复现了课程内容,并提供本书的代码实现、课件下载。《统计学习方法》简介《统计学习方法》全面系统…

Oracle中用rownum替代Top函数的方法

今天写一个方法,主要功能是从数据库中根据条件查出第一条信息。以前用sql server的时候,我记得TOP方法还是非常简单实用的。 方法是:select top n [列名] from [表名] where [查询条件] 这个方法想必像我这样的新人也会非常熟悉,所…

view类不响应自定义消息_安卓平台如何给控件添加自定义操作?

在安卓应用设计和开发过程中,设计人员为了界面简洁、有独特的交互方式,可能会为控件设计特殊的操作手势,例如消息列表中单指按住消息向左滑删除消息;系统顶部的通知单指向左滑可以关闭通知等。这些操作对于普通用户非常方便&#…

mysql 密码

使用mysqladmin,这是前面声明的一个特例。 mysqladmin -u root -p password 新密码 输入这个命令后,需要输入root的原密码,然后root的密码将改为mypasswd。 把命令里的root改为你的用户名,你就可以改你自己的密码了。 当然如果你的…

html5 css登录注册实现,html5+css3实现一款注册表单实例

效果图如下:html源码:复制代码代码如下:个人信息账号:密码:重复密码:邮箱地址:其他信息个人网址:年龄:月薪:10000function showValue(value) {document.getElementById("rangevalue").innerHTMLvalue;}描述:css源码:复制代码代码如…