Tag ng HTML <datalist>

  • หน้าก่อนหน้า <data>
  • หน้าต่อไป <dd>

Definition and Usage

<datalist> Tag na ginamit para sa <input> elementListahan ng predefined options.

<datalist> Tag na ginamit para sa <input> Ang tag ay ginamit upang magbigay ng "auto-complete" function. Kapag tinype ng user ang data, makikita nila ang dropdown list ng predefined options.

<datalist> Ang id attribute ng element ay dapat magkakapareho sa <input> ng element list Attribute（Ito ay magkakabit ng magkakasama sila）。

Para sa iba pang talaan:

HTML DOM Reference Manual:Datalist Object

Eksemplo

Data list na may predefined options (nakakabit sa <input> element):

<label for="browser">Makipagpili ng iyong browser mula sa listahan:</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
  • หน้าก่อนหน้า <data>
  • หน้าต่อไป <dd>