表单规定输入域的选项列表(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>

效果:

相关推荐
ji_shuke10 小时前
Vue3 前端批量打印 PDF/图片踩坑记:跨域、合并打印、对话框闪退与按钮一直 loading
前端·pdf·状态模式·pdf打印
李伟_Li慢慢10 小时前
06-mini版WebGLState
前端·three.js
李伟_Li慢慢10 小时前
04-three.js的渲染流程概览
前端·three.js
李伟_Li慢慢10 小时前
07-WebGLProperties
前端·three.js
爱勇宝10 小时前
AI 都能写代码了,还要学计算机吗?
前端·后端·程序员
石像鬼₧魂石10 小时前
【Y2Ksoft】四季贵州水世界乐园管理系统 —— 玻璃拟态 · 单文件HTML · 开箱即用
前端·html
涛涛ing10 小时前
尤雨溪宣布:Vue 3.6 发布、Vue 4.0 启动、Vite 8 已落地
前端
李伟_Li慢慢10 小时前
05-mini版材质
前端·three.js
学以智用10 小时前
HTTP 请求头 Headers 完整详解
前端·后端
李伟_Li慢慢10 小时前
03-threejs架构原理浅析
前端·three.js