html 输入选择框

最新推荐文章于 2024-04-30 17:59:49 发布

阳关的美好

最新推荐文章于 2024-04-30 17:59:49 发布

阅读量1.8k

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_46657663/article/details/125986068

版权

前端专栏收录该内容

17 篇文章 1 订阅

订阅专栏

输入选择框

input框用来做输入，datalist 标签用来做下拉框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<h1>input list 属性</h1>
		
		<p>list 属性引用包含 input 元素的预定义选项的 datalist 元素。</p>
		
		<form>
		  <input list="browsers" name="browser">
		  <datalist id="browsers">
		    <option value="Internet Explorer">
		    <option value="Firefox">
		    <option value="Chrome">
		    <option value="Opera">
		    <option value="Safari">
		  </datalist>
		  <input type="submit" value="Submit">
		</form>
		</body>
	</body>
</html>