Home  >  Article  >  Web Front-end  >  datalist标签

datalist标签

PHP中文网
PHP中文网Original
2017-03-27 16:56:532472browse

datalst 与 input 的新属性list一起使用可以创建组合框,双击input的时候可以提供选项让用户选择,类似历史记录一样。

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

定义和用法

fc86e7b705049fc9d4fccc89a2e80ee3 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

相关文章:

HTML5每日一练之datalist标签自动补全的使用

html5 datalist标签使用示例(自动完成组件)

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn