html5之datalist标签

iteye_2245

于 2013-04-17 15:14:59 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏： html5 文章标签： datalist html5

本文链接：https://blog.youkuaiyun.com/iteye_2245/article/details/82487996

html5 专栏收录该内容

74 篇文章

订阅专栏

本文介绍 HTML5 中的 datalist 标签及其用法。通过与 input 元素结合，datalist 可以为输入框提供预设的选项列表，增强用户体验。文章包含示例代码，展示了如何创建及使用 datalist。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：

本文部分内容来自w3school：http://www.w3school.com.cn/html5/tag_datalist.asp

个人积累学习用，感谢！

正文：

datalist标签

------------ 定义选项列表，与input原始配合使用，定义input可能的值

案例：

//list属性来绑定datalist
<input id="test" list="jobs"/>

<datalist id="jobs">
      <option value="js">
      <option value="css">
      <option value="html">
      <option value="ps">
</datalist>