list——文本框属性，可编辑的下拉框

最新推荐文章于 2023-02-15 15:06:25 发布

qq_1913284695

最新推荐文章于 2023-02-15 15:06:25 发布

阅读量529

点赞数

分类专栏： html5基础

本文链接：https://blog.csdn.net/qq_21119773/article/details/51578783

版权

html5基础专栏收录该内容

68 篇文章 0 订阅

订阅专栏

为单行文本框添加一个list属性，该list属性的值是某个dadalist元素的id。datalist类似于选择框，但是用户输入的数据不再list中，用户可自行输入。datalist本身不显示，当获取焦点时才显示。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<form>
			<input type="text"  list="dds" name="dd">
			<datalist id="dds" >
				<option value="html">html</option>	
				<option value="css">css</option>	
				<option value="js">js</option>	
			</datalist>
		</form>
	</body>
</html>

注意：输入框的name=XX时，list=XXs，datalist的id等于list的值