HTML <select> ການເລືອກ

ການອະທິບາຍແລະການນໍາໃຊ້

<select> ປະກອບພາບພິມທີ່ມີຄວາມສາມາດໃນຕົວແທນລະບຸ.

<select> ປະກອບພາບພິມທີ່ມີຄວາມສາມາດໃນຕົວແທນ.

ປະກອບພາບພິມ

<select> ການສົ່ງຂໍ້ມູນຕາມ name ຂອງຕົວແທນຫຼັງຈາກການສົ່ງຂໍ້ມູນຕົວແທນ (ຖ້າຫາກບໍ່ມີການປະກົດ name, ຂໍ້ມູນຕົວແທນຈະບໍ່ຖືກສົ່ງ). ປະກອບພາບພິມພາຍໃນ <option> ການຕັ້ງຕົວແທນ

ການອະທິບາຍຕົວເລື່ອງທີ່ມີຄວາມສາມາດໃນຕົວແທນລະບຸ.

ຕ້ອງການໃຊ້ປະເພດ id ເພື່ອພົວພັນຕົວແທນລະບຸຂອງຕົວແທນສະຫຼາກກັບຕົວແທນ (label).ຄຳແນະນຳ: ການເພີ່ມຕົວແທນທີ່ຕ້ອງການ. ການນຳໃຊ້ <label> ກັບ:

ບໍ່ມີການປະກົດຕົວແທນຈະນຳໃຊ້:

HTML DOM ການປະກົດຂອງ:Select ໂອບິເຈັນ

CSS ການສອນ:ການຕິດຕັ້ງຮູບແບບຕົວແທນ.

ຄວາມຄິດ

ຄວາມຄິດທີ 1

ການສ້າງຕົວແທນລະບຸຂອງຕົວແທນທີ່ມີຕົວເລື່ອງສີ່ຫຼັກ.

<label for="cars">ການເລືອກຕົວເລື່ອງການຄັດຕະວັດນິຄອມຄອມນິກດັງ:</label>
<select name="cars" id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

ການທົດລອງດູດຕະຫຼອດ.

ຄວາມຄິດທີ 1

ຄວາມຄິດທີ 2 <select> ການນຳໃຊ້ <optgroup> ກັບ:

<label for="cars">ການເລືອກຕົວເລື່ອງການຄັດຕະວັດນິຄອມຄອມນິກດັງ:</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

ການທົດລອງດູດຕະຫຼອດ.

ຄວາມຜົນງານ

ຄວາມຜົນງານ ຄູ່ມູນ ການອະທິບາຍ
autofocus autofocus ການຕິດຕັ້ງຂອງຕົວແທນລະບຸຂອງຕົວແທນສະຫຼາກຈະມີສະໝອງສະເພາະໃນການເອົາຂໍ້ມູນໃນການເລີ່ມບໍລິການ.
disabled disabled ການຕິດຕັ້ງຂອງຕົວແທນລະບຸຂອງຕົວແທນສະຫຼາກ.
form ລະບຸຂອງຕົວແທນ. ການອະທິບາຍຕົວເລື່ອງຂອງຕົວແທນລະບຸຂອງຕົວແທນ.
multiple multiple ການຕິດຕັ້ງສາມາດເລືອກຕົວເລື່ອງຫຼາຍຫຼັກຫຼື.
name name ການກໍານົດຊື່ບັນດາບັນດາບັນຊີ.
required required ການກໍານົດວ່າຜູ້ນຳໃຊ້ຕ້ອງເລືອກຄັນໜຶ່ງກ່ອນການຍິນຍອມຟອມ.
size ຈຳນວນ ການກໍານົດຈຳນວນບັນດາບັນດາບັນຊີທີ່ສາມາດເຫັນໄດ້ໃນລະບົບອອກລົງທະບຽນ.

ບັນດາບັນດາບັນຊີທົ່ວໄປ

<select> ປະເພດຍັງສະຫຼຸບ ບັນດາບັນດາບັນຊີທົ່ວໄປໃນ HTML.

ບັນດາບັນດາບັນຊີເຫດການ

<select> ປະເພດຍັງສະຫຼຸບ ບັນດາບັນດາບັນຊີເຫດການໃນ HTML.

ການກະກຽມ CSS ຄົງທີ່

ບໍ່ມີ.

ການສະໜັບສະໜູນບັນດາບັນຊີບັນດາບັນຊີ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ