HTML5的autocomplete属性和dataList标签

原创  郑建华   2020-04-07   70人阅读  0 条评论

    html页面的输入框点击时,经常会出现一些下拉框,里面会出现曾经输入过的内容,有时候我们并不需要这些内容,我们可以通过autocomplete 属性将其去除掉,给标签设置autocomplete="off"即可。

image.png

autocomplete 属性规定输入字段是否应该启用自动完成功能。

自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。

描述
on默认。规定启用自动完成功能。
off规定禁用自动完成功能。


    然而有时我们需要这种下拉框,类似自动完成的下拉框,但是我们需要的值并不是浏览器缓存的历史值,而是自己定义的值。那我们可以使用dataList标签来实现。

image.png

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。


本文地址:https://www.zjh336.cn/?id=325
版权声明:本文为原创文章,版权归 郑建华 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?