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

效果:

相关推荐
能源革命6 小时前
Vue 网格拖拽布局组件全景指南:7 大方案深度对比
前端·javascript·vue.js
穆梓兰煊6 小时前
AI供应链安全不再只是包安全,还涉及模型与数据
前端·数据库
RaaS1006 小时前
AI网关能做Prompt注入防护吗?AI网关核心功能详解
前端·后端
deli0076 小时前
Skill 怎么写才被 Agent 命中?18 条规则做成 SKILL.md 校验器,规范样例 92 分
前端
Hum8le6 小时前
CTF题目《easy_web》(安洵杯 2019 变种 Web)
前端·安全·web安全
coding漫漫长路6 小时前
二值化后还剩1212个黑点,OCR却认成了乱码
前端
不可能片场6 小时前
AI视频口型对齐 用音频驱动说话镜头
前端·electron
Lank_M6 小时前
OCR一个字没认错,倾斜2.5°却把行序排乱了
前端
daols886 小时前
vue 表格组件 vxe-table 实现自定义多行编辑功能
前端·javascript·vue.js·vxe-table
不要试图纠正别人6 小时前
别让大模型算钱:我把优惠券组合优化写成了确定性算法
前端