Tanda <datalist> HTML

Definisi dan penggunaan

<datalist> Label untuk Elemen <input>menetapkan senarai pilihan predifin.

<datalist> Label digunakan untuk <input> Elemen menyediakan fungsi "autocompletion". Pengguna akan lihat senarai pilihan predifin yang terbuka semasa memasukkan data.

<datalist> Elemen id atribut mesti sama dengan <input> elemen Sifat list(Ini akan mengikatnya bersama-sama).

Lihat juga:

Panduan HTML DOM:Objek Datalist

Contoh

Senarai data yang mempunyai pilihan predifin (berhubungan dengan <input> elemen):

<label for="browser">Sila pilih pelayar anda daripada senarai:</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>

亲自试一试

全局属性

<datalist> 标签还支持 HTML 中的全局属性。

事件属性

<datalist> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

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

datalist {
  display: none;
}

浏览器支持

表中的数字注明了首个完全支持该元素的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5