datalist标签

学习笔记，仅供参考，有错必纠
参考自：w3school

关于datalist标签

<datalist> 标签定义选项列表，应该与 <input>标签配合使用该，它定义 input 可能的值；

<datalist> 及其选项不会被显示出来，它仅仅是合法的输入值列表；

应使用<input>标签的list属性来绑定<datalist> 。

举个例子

html代码：

<input type="text" name="username" placeholder="直接选择或搜索选择" autocomplete="off" class="layui-input" list="typelist_group">
<datalist id="typelist_group"><option>研究生组</option><option>本科生组</option>
</datalist>

页面：

datalist标签相关推荐

php中 datalist,html5 datalist标签的用法是什么？这里有datalist标签的用法实例
本篇文章主要为大家讲述了关于html5 datalist标签的用法及html5 datalist标签的用法实例.本文说了两个常用的选项框的实例供大家选择观看,下面就让我们一起来看这篇文章吧我们先来看 ...
课时47.datalist标签（了解）
1.datalist标签作用:给输入框绑定待选项 2.datalist格式: <datalist> <option>待选项内容</option> </dat ...
HTML前端开发入门之表单标签/labei标签/datalist标签
##表单标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
（13）＜datalist＞标签
一.<datalist>标签的作用 <datalist> 标签规定了<input> 元素可能的选项列表. <datalist>元素包含了一组<op ...
H5新增的标签以及改良的标签
1>OL标签的改良 start type reversed:翻转排序 2>datalist标签自动补全的使用 3>progress标签的使用:进度条 4>meter标签的应用 ...
H5 新标签用法及解释
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(p ...
html5的新增的标签和废除的标签
新增的结构标签 section元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2--等元素结合起来使用,表示文档结构.例:HTML5中<section&g ...
Web前端开发笔记——第二章 HTML语言第八节表单标签
目录一.表单的定义二.输入标签 (一)文本框和密码框 (二)提交按钮和重置按钮 (三)数值选项菜单 (四)滑动条 (五)搜索框 (六)input标签的其它type属性 (七)单选框和复选框 (八) ...
dede php分页代码,DEDECMS系统分页标签自定义二次开发
以前有给大家写过一篇自定义dedecms留言板的分页,下面我再来给大家分享一篇自定义常见的分页标签例子,希望文章对大家会有所帮助. 自定搜索结果页面文章分页,在/plus文件夹中新建一个search. ...

datalist标签

datalist标签相关推荐

最新文章

热门文章