HTML Form Elements

ວັນນີ້ອອກສະບັບທຸກປະເພດຂອງ HTML ການເຂົ້າຂັບເຄື່ອງ.

<input> ປະເພດ

ປະເພດທີ່ສຳຄັນຂອງບັນພິມ. <input> ປະເພດ

ປະເພດ <input> ອີງຕາມ type ປະເພດຂັ້ນສະຖານະຂອງ type ສາມາດປ່ຽນແປງເປັນຫຼາຍຮູບແບບ.

ຄວາມເຫັນ:ວັນອື່ນຈະອອກສະບັບທຸກປະເພດຂອງ HTML ການເຂົ້າຂັບເຄື່ອງ.

<select> ປະເພດຫົວໜ້າ

<select> ປະເພດກໍານົດລາຍການຫົວໜ້າ:

ຕົວຢ່າງ

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

ທ້າທາຍຕົວເອງ

<option> ປະເພດກໍານົດຕົວເລືອກທີ່ຈະໄດ້ເລືອກ.

ລາຍການຈະສະແດງຕົວເລືອກທຳອິດຄືກັບຕົວເລືອກທີ່ໄດ້ເລືອກ.

ທ່ານສາມາດເພີ່ມລະບຽບ selected ເພື່ອກໍານົດຕົວເລືອກທີ່ກໍານົດກ່ອນ.

ຕົວຢ່າງ

<option value="fiat" selected>Fiat</option>

ທ້າທາຍຕົວເອງ

<textarea> ປະເພດ

<textarea> ບັນດາປະເພດເພີ່ມລະເບີດບໍລິສັດຂັດເງິນ）：

ຕົວຢ່າງ

<textarea name="message" rows="10" cols="30">
ພະຍາດກຳລັງຫຼິ້ນໃນສວນສັດ.
</textarea>

ທ້າທາຍຕົວເອງ

ວິທະຍັບ HTML ທີ່ສະແດງໃນບັນຊີຍາການນັ້ນແມ່ນ:

ພະຍາດກຳລັງຫຼິ້ນໃນສວນສັດ.

ປະສົມປະກອບ <button>

<button> ປະສົມປະກອບຕັດຕາມ:

ຕົວຢ່າງ

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

ທ້າທາຍຕົວເອງ

ວິທະຍັບ HTML ທີ່ສະແດງໃນບັນຊີຍາການນັ້ນແມ່ນ:

ປະເພດສຳລັບຟອມຂໍ້ມູນ HTML5

HTML5 ໄດ້ເພີ່ມປະເພດສຳລັບບົດສະຫຼະພາບຟອມຂໍ້ມູນທີ່ຖືກສະແດງດັ່ງກ່າວ:

  • <datalist>
  • <keygen>
  • <output>

ຄວາມເຫັນ:ໂດຍປົກກະຕິ, ເຄືອງຄົ້ນຫາບໍ່ຈະສະແດງປະກອບທີ່ບໍ່ຮູ້. ປະກອບໃຫມ່ຈະບໍ່ທຳລາຍເວັບໄຊຂອງທ່ານ.

ປະສົມປະກອບ <datalist> HTML5

<datalist> ປະສົມປະກອບ

ຜູ້ນຳໃຊ້ຈະເຫັນລາຍການຕົວເລືອກທີ່ກໍານົດໄວ້ທີ່ພົບພາຍໃນການເຂົ້າຂໍ້ມູນ.

ປະສົມປະກອບ list ປະສົມປະກອບຂອງ id ປະສົມປະກອບ

ຕົວຢ່າງ

ການຕັ້ງຂໍ້ຄວາມຄືນທີ່ກໍານົດຄືນໄປໃນ <input> ທີ່ດໍາເນີນການໂດຍ <datalist>:

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 
</form>

ທ້າທາຍຕົວເອງ