HTML 表单元素

ວັນນະຄະດີກໍານົດບັນດາສັນຍາວາງຫຼັງ HTML.

ບັນດາສັນຍາວາງຫຼັງ <input>.

ບັນດາສັນຍາວາງຫຼັງທີ່ສຳຄັນຂອງຟອມ. <input> ບັນດາສັນຍາວາງຫຼັງ.

ບັນດາສັນຍາວາງຫຼັງ <input> ຕາມທີ່. type ຄວາມລະບຸພາສາຂອງ HTML.

ບັນທືກ:ວາງຫຼັງປີກວາງຫຼັງທີ່ຈະຖະແຫຼງທັງໝົດ HTML ການເຂົ້າເມື່ອ.

ບັນດາສັນຍາວາງຫຼັງ (ລາຍການຫົວໜ້າ)

<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 name="message" rows="10" cols="30">
ພະເຈົ້າຍິງກຳລັງຫຼີ້ນໃນສວນຫຼັງ.
</textarea>

ທົດລອງຄົນເອງ

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

ພະເຈົ້າຍິງກຳລັງຫຼີ້ນໃນສວນຫຼັງ.

<button> ປະເພດ

<button> ປະເພດ <button> ຈະກໍານົດຄວາມສາມາດປິດການເປັນການປິດການທີ່ສາມາດຢືດຢັບໄດ້.ຕັກລັດ:

ບົດສະຫລຸບ

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

ທົດລອງຄົນເອງ

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

ປະເພດຂອງ HTML5 ບັນບານ

HTML5 ໄດ້ເພີ່ມບັນດາປະເພດຂອງບັນບານຄູ່ມື:

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

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

ປະເພດ <datalist> HTML5

<datalist> ປະເພດ <datalist> ຈະກໍານົດລາຍການຕົວເລື່ອງທີ່ກໍານົດກ່ອນສຳລັບ <input>.

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

ປະເພດ <input>. list ປະເພດທີ່ຕ້ອງອ້າງຄວາມທີ່ <datalist> ກໍາລັງມີ: 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>

ທົດລອງຄົນເອງ