表单规定输入域的选项列表(html5新元素)

datalist

datalist 元素规定输入域的选项列表。

datalist属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

使用 input元素的列表属性与datalist元素绑定.

还有一定的搜索能力,如输入5,下面会出现5和55

bash 复制代码
<input list="arrs" name="demo" />
	<datalist id="arrs">
		<option value="1"></option>
		<option value="2"></option>
		<option value="3"></option>
		<option value="4"></option>
		<option value="5"></option>
		<option value="55"></option>
	</datalist>

效果:

相关推荐
码上奶茶4 分钟前
HTML 标签
前端·html·标签·路径·超链接·双标签·单标签
全宝12 分钟前
🔢前端解决浮点数运算精度丢失的问题
前端·javascript
江城开朗的豌豆19 分钟前
JavaScript篇:偷懒也有理!事件代理让我少写一半代码
前端·javascript·面试
云浪34 分钟前
掌握 CSS 倾斜函数
前端·css
ai产品老杨40 分钟前
实现自动化管理、智能控制、运行服务的智慧能源开源了。
前端·javascript·vue.js·前端框架·ecmascript
唐诗42 分钟前
优化 Nextjs 开发的个人博客首页,秒开!
前端·next.js
飞川撸码44 分钟前
web vue 项目 Docker化部署
前端·vue.js·docker·运维开发
默默无闻的白夜1 小时前
【Vue】初学Vue(setup函数,数据响应式, 脚手架 )
前端·javascript·vue.js
萌萌哒草头将军1 小时前
⚡⚡⚡Rstack 家族即将迎来新成员 Rstest🚀🚀🚀
前端·javascript·vue.js
江城开朗的豌豆1 小时前
Proxy:JavaScript中的'变形金刚',让你的对象为所欲为!
前端·javascript·面试