html< datalist>标签

原创 PHP笔记  2017-05-21 21:11  阅读 821 views 次

在html中,<datalist>标签是用来定义选项列表,一般和<input>标签配合使用,用来设置<input>可能的值,设置后可以看到一个下拉列表,下拉列表的内容就是预先定义好的,将作为用户的输入数据。

<datalist>标签支持html全局属性和html事件属性

格式:

<input list="">
<datalist id="">
<option value="下拉内容1">
<option value="下拉内容2">
<option value="下拉内容3">
......
</datalist>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< datalist>标签_PHP笔记</title>
</head>
<body>
<input list="i">
<datalist id="i">
<option value="html">
<option value="css">
<option value="js">
<option value="php">
</datalist>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-datalist.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情