HTML代码教程
【HTML教程】HTML的datalist标签|html入门知识
时间: 2025-01-15 11:49:53 浏览次数:11
常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:【定义和用法】datalist 标签为 input 元素规定预定义选

常用的html标签汇总、以及操作过程中的一些bug问题解决方法,以下龙腾飞网络科技-小吴在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料,不用死记硬背,保存使用非常方便,实操过程中遇到了就查询搜索一下,实践出真章,做多了自然就熟悉了:

 

【定义和用法】

datalist 标签为 input 元素规定预定义选项的列表。

datalist 标签用于为 input 元素提供“自动完成”功能。用户在输入数据时,将看到预定义选项的下拉列表。

datalist 元素的 id 属性必须等于 input 元素的 list 属性(这会把它们绑定在一起)。

 

【实例】

拥有预定义选项的数据列表(连接到 input 元素):

<label for="browser">请从列表中选择您的浏览器:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

 

【默认的 CSS 设置】

大多数浏览器将使用以下默认值显示 datalist 元素:

datalist {
  display: none;
}


友情链接: 知识付费 | EDU指南导航 | 小程序开发 | 上网行为管理 | 小程序开发公司 | 企业财务服务 |
Copyright©2011 Guangzhou Longtengfei Network Technology Co., Ltd. 广州龙腾飞网络科技有限公司 粤ICP备18029205号 XML地图 | 系统开发专题地图