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

效果:

相关推荐
Rkgua几秒前
TS中`Function`、`CallableFunction` 和 `NewableFunction`的函数区别
前端
Asize2 分钟前
重生之我在 Vibe Coding 时代当程序员:第十一课,JS底层 :变量提升真相
前端·javascript
HYCS2 分钟前
用pixi.js实现fabric.js(五):事件系统
前端·javascript·canvas
Momo__5 分钟前
Node.js 26 来了:Temporal API 默认启用,Date 终于可以退休了
前端·node.js
雨季mo浅忆9 分钟前
记录前端内网开发之新入职篇
前端·内网开发
杨运交22 分钟前
[025][Web模块]基于 Spring Boot 的请求日志过滤器设计与实现
前端·spring boot·后端
孟陬25 分钟前
首次上榜新项目 HyperFrames(22k Star):HTML → MP4 一句话生成视频
react.js·node.js·html
IT_陈寒32 分钟前
React的useEffect里设状态?我又踩雷了
前端·人工智能·后端
恋猫de小郭34 分钟前
GSY 史上最全跨平台/架构/语言的项目,七大项目召唤「神龙」
android·前端·flutter
范什么特西39 分钟前
狂神Vue
前端·javascript·vue.js