HTML Input form* Attributes

ວັນນະຄະດີ HTML <input> ປະກອບປະກອບຄູ່ມື form* ປະສົມປະກອບ

form

ຂອງ input form ປະກອບປະກອບຄູ່ມື <input> form

ຄູ່ມືຂອງຄູ່ມືຂອງຄູ່ມື <form> ຕ້ອງມີຄູ່ມືວ່າ id

ຕົວຢ່າງ

ບົດສະຫຼຸບຂໍ້ມູນ ທີ່ຢູ່ນອກ HTML form (ແຕ່ຍັງເປັນສ່ວນຂອງ form)

<form action="/action_page.php" id="form1">
  <label for="fname">ຊື່ຊາຍ:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="ຍິນຍອມ">
</form>
<label for="lname">ຊື່:</label>
<input type="text" id="lname" name="lname" form="form1">

ທົດລອງດ້ວຍຕົວເອງ

formaction

ຂອງ input formaction ປະກອບປະກອບຄູ່ມື action

ຄວາມເຫັນ:ປະກອບປະກອບຄູ່ມື ຈະປົກປັກຮັກກັບ <form> ປະກອບປະກອບຄູ່ມື action ປະສົມປະກອບ

formaction ປະສົມປະກອບມີຄວາມຈິງຕໍ່ກັບການເຂົ້າຂອງ input: submit ແລະ image。

ຕົວຢ່າງ

HTML form HTML form ທີ່ມີຄະດີສົ່ງຂໍ້ມູນສອງບັນຫາ, ທີ່ມີການດຳເນີນງານ (action) ທີ່ຕ່າງກັນ:

<form action="/action_page.php">
  <label for="fname">ຊື່ຊາຍ:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">ຊື່:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ຍິນຍອມ">
  <input type="submit" formaction="/action_page2.php" value="ສົ່ງດ້ວຍຜູ້ບໍລິຫານ">
</form>

ທົດລອງດ້ວຍຕົວເອງ

formenctype

ຂອງ input formenctype ປະກອບປະກອບຄູ່ມື ກ່ຽວກັບວິທີການວັບວານຂໍ້ມູນຟອມຂໍ້ມູນເມື່ອສົ່ງ (ພຽງແຕ່ formenctype="post")

ຄວາມເຫັນ:ປະສົມປະກອບນີ້ຈະ <form> ປະກອບປະກອບຄູ່ມື enctype

formenctype ປະສົມປະກອບມີຄວາມຈິງຕໍ່ກັບການເຂົ້າຂອງ input: submit ແລະ image。

ຕົວຢ່າງ

ຟອມຂໍ້ມູນທີ່ມີຄະດີສົ່ງຂໍ້ມູນສອງບັນຫາ. ຄະດີສອງສົ່ງຂໍ້ມູນດ້ວຍການວັບວານ "multipart/form-data":

<form action="/action_page_binary.asp" method="post">
  <label for="fname">ຊື່ຫນັງ:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="ຍິນຍອມ">
  <input type="submit" formenctype="multipart/form-data"
  value="ສົ່ງຂໍ້ມູນດ້ວຍການວັບວານ Multipart/form-data"
</form>

ທົດລອງດ້ວຍຕົວເອງ

formmethod

ຂອງ input formmethod ປະກອບປະກອບຄູ່ມື ກ່ຽວກັບການສົ່ງຂໍ້ມູນຟອມຂໍ້ມູນໄປ URL action

ຄວາມເຫັນ:ປະສົມປະກອບນີ້ຈະ <form> ປະກອບປະກອບຄູ່ມື method

formmethod ປະສົມປະກອບມີຄວາມຈິງຕໍ່ກັບການເຂົ້າຂອງ input: submit ແລະ image。

ຂໍ້ມູນຟອມສາມາດສົ່ງໄປຄືກັບສີ່ປະກອບ URL (method="get") ຫຼື ຄືກັບການສົ່ງ HTTP post (method="post")

ຄຳເຕືອນກ່ຽວກັບ GET:

  • ສົ່ງຂໍ້ມູນຟອມເພື່ອກັບການສະເໝີຄຳນວນ/ຄຳຕິດຕາມເພື່ອ URL
  • ບໍ່ຕ້ອງໃຊ້ GET ທີ່ຈະສົ່ງຂໍ້ມູນຄວນຄອງ! (ຂໍ້ມູນຟອມທີ່ສົ່ງໃນ URL ສາມາດເຫັນໄດ້)
  • ຄວາມຍາວຂອງ URL ມີຄວາມຈຳນວນທີ່ຈຳກັດ (2048 ຄັກການ)
  • ມີຜົນປະໂຫຍດສຳລັບການຈັດຕັ້ງຟອມທີ່ຜູ້ນຳໃຊ້ຕ້ອງການໃຫ້ຄຳຕອບຕອນຄືກັບບັນບາງ.
  • GET ພຽງພໍສຳລັບຂໍ້ມູນບໍ່ຄວນຄອບຄອງ, ເຊັ່ນ ຄຳຫຼວງຄາວຂອງ Google

ຄຳເຕືອນກ່ຽວກັບ POST:

  • ສົ່ງຂໍ້ມູນຟອມເພື່ອກັບການສົ່ງ HTTP ຂໍ້ສານ (ບໍ່ສະແດງຂໍ້ມູນຟອມທີ່ສົ່ງໃນ URL)
  • POST ບໍ່ມີຄວາມຈຳນວນຂະຫຍາຍ, ສາມາດຈະສົ່ງຂໍ້ມູນຫຼາຍ.
  • ການຈັດຕັ້ງຟອມກັບ POST ບໍ່ສາມາດໃຫ້ມີສິນລະຜົນສະບັບບັນບາງ.

ຄຳເຕືອນ:ຖ້າຂໍ້ມູນຟອມບັນຈຸຄວາມລັບຫຼືຂໍ້ມູນສິນລະຜົນຕ່າງໆ, ບໍ່ມີສິດທີ່ຈະບໍ່ໃຊ້ GET!

ຕົວຢ່າງ

ຟອມກັບຄຳການຈັດຕັ້ງສອງຄຳການຈັດຕັ້ງ. ຄຳການຈັດຕັ້ງທຳອິດ: method="get" ຈະສົ່ງຂໍ້ມູນຟອມ. ຄຳການຈັດຕັ້ງທີສອງ: method="post" ຈະສົ່ງຂໍ້ມູນຟອມ:

<form action="/action_page.php" method="get">
  <label for="fname">ຊື່ຊາຍ:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">ຊື່:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ຈັດຕັ້ງໃນ GET">
  <input type="submit" formmethod="post" value="ຈັດຕັ້ງໃນ POST">
</form>

ທົດລອງດ້ວຍຕົວເອງ

ປະສົມປະກອບ formtarget

ຂອງ input formtarget ປະສົມປະກອບກໍານົດຊື່ຫຼືຄຳຕິດຕາມທີ່ຈະສະແດງຄຳຕອບຕອນຈັດຕັ້ງຟອມຫຼັງຈາກການຈັດຕັ້ງຟອມ。

ຄວາມເຫັນ:ປະສົມປະກອບນີ້ຈະ <form> ຂອງປະສົມປະກອບ target

formtarget ປະສົມປະກອບມີຄວາມຈິງຕໍ່ກັບການເຂົ້າຂອງ input: submit ແລະ image。

ຕົວຢ່າງ

ຟອມກັບຄຳການຈັດຕັ້ງສອງຄຳການຈັດຕັ້ງແລະມີປະຕິກິບປະຈຳປ່າງກັນ:

<form action="/action_page.php">
  <label for="fname">ຊື່ຊາຍ:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">ຊື່:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ຍິນຍອມ">
  <input type="submit" formtarget="_blank" value="ຈັດຕັ້ງໄປໃນປ່ອງວັດຈີນ/ແຜນອອກໄປ">
</form>

ທົດລອງດ້ວຍຕົວເອງ

ປະສົມປະກອບ formnovalidate

ຂອງ input formnovalidate ການສະເພາະບໍ່ຄວນກວດກາ <input> ເວລາການຈັດຫາ。

ຄວາມເຫັນ:ປະສົມປະກອບນີ້ຈະ <form> novalidate 属性ຂອງ element.

formnovalidate ປະສົມປະກອບຢູ່

ຕົວຢ່າງ

ຂໍ້ມູນຂອງອອກມາທີ່ມີສອງຄະນະກຳມະການຍິນຍອມ (ທີ່ສະໜັບສະໜູນແລະບໍ່ສະໜັບສະໜູນ):

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="ຍິນຍອມ">
  <input type="submit" formnovalidate="formnovalidate">
  value="ຍິນຍອມບໍ່ກວດກາ">
</form>

ທົດລອງດ້ວຍຕົວເອງ

novalidate 属性

novalidate ປະສົມປະກອບຢູ່ <form> ປະສົມປະກອບ

ຖ້າຈະມີ, novalidate 属性 ກຳນົດວ່າ ບໍ່ຄວນກຳນົດການກວດກາຂໍ້ມູນຂອງອອກມາທັງໝົດໃນການຍິນຍອມ.

ຕົວຢ່າງ

ກຳນົດຂອງ novalidate:

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="ຍິນຍອມ">
</form>

ທົດລອງດ້ວຍຕົວເອງ

HTML Form ແລະ Input Element

ອອກມາ ການອະທິບາຍ
<form> ກໍານົດ HTML ອອກມາຂອງຄະນະກຳມະການບັນການເຂົ້າມາສຳລັບຜູ້ນຳໃຊ້.
<input> ການກໍານົດຄວາມຄວາມສະໝັກຂອງຄະນະກຳມະການບັນການເຂົ້າມາ.

ສຳລັບລາຍການອອກມາທັງໝົດຂອງ HTML ອອກມາ, ກະລຸນາເຂົ້າມາທີ່ HTML ການປະກອບອອກອອກມາ。