HTML input list属性

input list属性

HTML input元素的list属性,可用于引用数据列表,包含输入字段的预定义的选项(比如输入框获取焦点后有个下拉菜单包含预定义的选项),一般与datalist元素搭配使用,具体可参考下方的实例代码。


语法

<input list='datalist-id'>

input list属性实例代码,及在线编辑器

<form action="https://www.x1y1z1.com/search?" method='get' target="_blank">
  <input type='text' list='datalist-id' name='qsearchword'><input type='submit'>
  <datalist id="datalist-id">
    <option>HTML</option>
    <option>CSS</option>
    <option>JavaScript</option>
    <option>Python</option>
    <option>Golang</option>
  </datalist>
</form>

全栈前端 / HTML属性 :











Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.