您的位置:MYSQL中文网 > html中datalist HTML DOM Datalist 对象

html中datalist HTML DOM Datalist 对象

2023-10-06 09:30

html中datalist HTML DOM Datalist 对象

html中datalist

HTML5 中的 datalist 元素可以用来提供一个可供用户选择的预定义列表,从而帮助用户输入有效的值。它是一个 HTML 元素,可以与 input 元素配合使用,以提供可供选择的值列表。

<input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

datalist 元素本身不会显示任何内容,但是它会在 input 元素中显示出来。当用户开始输入时,datalist 将显示出匹配的值列表。用户可以选择其中一个值,也可以自己输入一个新值。

HTML DOM Datalist 对象

HTML DOM Datalist 对象


Datalist 对象

The Datalist 对象是HTML5新增的。

Datalist 对象代表 HTML <datalist> 元素。

访问 Datalist 对象

你可以使用 getElementById() 函数来访问 <datalist> 元素:

varx = document.getElementById("myDatalist");尝试一下

创建 Datalist 对象

你可以使用 document.createElement() 方法来创建 <datalist> 元素:

var x = document.createElement("DATALIST");尝试一下

Datalist 对象集合

集合 描述
options 返回 datalist 中所有选项的集合

标准属性和事件

Datalist 对象同样支持标准 属性 和 事件。


相关页面

HTML 教程: HTML 表单

HTML 参考手册: HTML <datalist> 标签

阅读全文
以上是MYSQL中文网为你收集整理的html中datalist HTML DOM Datalist 对象全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 MYSQL中文网 mysqlcn.com 版权所有 联系我们
桂ICP备12005667号-29 Powered by CMS