设置框开始隐藏状态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前端首先需要就是端正自己的学习态度，明确学习目标，这样才能坚持学习。想要了解更多关于前端方面的小伙伴，可以关注小猿圈每天的动态，会不定期更新互联网编程知识，希望对你的学习有一定的帮助。

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

html5自动完成是什么,HTML5中form如何关闭自动完成功能的方法
什么是HTML5的form自动完成功能? 首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入 ...
小猿圈分享利用python网络爬虫获取网易云歌词
今天小猿圈给大家分享网易云音乐歌词爬取方法. 本文的总体思路如下: 找到正确的URL,获取源码: 利用bs4解析源码,获取歌曲名和歌曲ID: 调用网易云歌曲API,获取歌词: 将歌词写入文件,并存入本 ...
小猿圈python视频_小猿圈分享学习Python的最佳方式
原标题:小猿圈分享学习Python的最佳方式 python现在是世界上功能最多的编程语言之一,可以是用Python编辑应用程序,游戏.算法程序.还可以编程一个机器人,学习Python可以担任软件工程师 ...
php获取html中文本框内容_小猿圈Python入门之批量获取html内body内容的方法
对于人工智能你了解有多少?你知道Python的使用吗?这个对于大部分初学者来说都是很难的,小猿圈Python讲师会每天为大家选择分享一个知识点,希望对你学习Python有所帮助,今天分享的就是批量获取 ...
前端鼠标一次移动半个像素_小猿圈分享2019年前端JavaScript面试题（三）
上篇文章小猿圈前端讲师为你分享了前端面试中js遇到的一些基础问题,接下来给大家讲解的就是前端基础和理论问题都有哪些,想学习web前端就来小猿圈自学吧,里面有全面的技术指导,还有专业的老师为你解答问题. ...
小猿圈分享使用Java模拟三道门的游戏
美国以前有一个综艺节目.参赛者会看见三扇关闭了的门,其中一扇的后面有一辆汽车,选中后面有车的那扇门可赢得该汽车,另外两扇门后面则各藏有一只山羊.当参赛者选定了一扇门,但未去开启它的时候,节目主持人开启 ...
猿圈笔试系统java_小猿圈分享Java面试题
马上又到毕业季了,很多同学都很迷茫,不知道该选择哪个方向,也有的同学害怕找不到工作,今天小猿圈就给大家分享一下关于初学者的Java面试题 1.面向对象的特征有哪些方面? 答:面向对象的特征主要有以下几 ...
小猿圈分享-web报表中电子印章/水印的轻松实现
报表数据系统中,有一个重要功能叫做电子签章,通俗的讲,就是不需要实际去盖章,而直接把印章打印到纸质文件上,省去手工盖章的费时费力环节,例如,银行系统中的银行流水打印,都需要盖章才能生效,如果按传统的做 ...
小猿圈Python学习教程之后端接收前端回传的文件方法
现在人工智能已经深入到千家万户,随之而来的就是python技术的火爆,今天小猿圈python讲师为你讲解一下后端接收前端回传的文件方法,希望对于刚刚自学python的你有一定的帮助. 如下所示: fi ...

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

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

最新文章

热门文章