HTML <datalist> Tag

  • ການໄປບ່ອນຫຼັງ <data>
  • ການໄປບ່ອນໜ້າ <dd>

ການກໍານົດ ແລະ ການນໍາໃຊ້

<datalist> ປະກອບ <input> ປະກອບທີ່ພົບກັບການກໍານົດລະບຸການລະບຸຂໍ້ສະແດງທີ່ມີການກໍານົດແບບ.

<datalist> ປະກອບ <input> ປະກອບ ປະກອບ <input> ສະໜອງພາສາການສາຍສັນຄົມ "ອີງຕາມ" (autocomplete)ທີ່ຈະສະແດງລາຍການລະບຸຂໍ້ສະແດງທີ່ມີການກໍານົດແບບຄຳປະດິດພາສາ.

<datalist> ລະບົບ id ຂອງປະກອບ <input> ຂອງປະກອບ ລະບົບ list（ຈະມັດຕິດພວກເຂົານຳກັນຕາມນະໂຍບາຍ）。

ບໍ່ມີການກ່າວເພີ່ມ:

ປື້ມການປະກອບສ້າງ HTML DOM:ບັນດາວັດຖຸ Datalist

ຕົວຢ່າງ

ລາຍການລະບຸຂໍ້ສະແດງທີ່ມີການກໍານົດຄວາມຄິດແບບ (ກ່ຽວກັບ <input> ປະກອບ):

<label for="browser">ການເລືອກສາຍສັນຄົມຂອງທ່ານ:</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>