ປະພັນຂອງສະຖານີ HTML

ວັນນີ້ນີ້ກໍານົດ HTML <form> ປະກອບປະກອບທາງວິຊາການຂອງປະກອບ.

ປະກອບປະກອບ Action

action ປະກອບປະກອບທາງວິຊາການທີ່ຈະດໍາເນີນພາຍໃນການຍິນຍອມຟອມິດ.

ປົກກະຕິ, ເມື່ອຜູ້ນຳໃຊ້ຄົນດຽວຄັດຄຳ "ຍິນຍອມ", ຂໍ້ມູນຟອມິດຈະຖືກສົ່ງໄປຫາບັນຊີທີ່ຢູ່ເບິ່ງຫຼັງທີ່ຢູ່ເທິງທໍລະທັດ.

ໃນຕົວຢ່າງດັ່ງລາວ, ຂໍ້ມູນຟອມິດຈະຖືກສົ່ງໄປຫາບັນຊີ "action_page.php". ບັນຊີນີ້ກວມເອົາບັນຊີບົດບັນນາທິການທີ່ດໍາເນີນຂໍ້ມູນຟອມິດຢູ່ທີ່ເບິ່ງຫຼັງ.

实例

ຫຼັງຈາກຍິນຍອມ, ຈະສົ່ງຂໍ້ມູນຟອມິດໄປ "action_page.php":

<form action="/action_page.php">
  <label for="fname">ຊື່ແຫ່ງ:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">ຊື່ສຸດ:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

亲自试一试

ຄຳເຕືອນ:ຖ້າຫຼຸດອອກປະກອບປະກອບ action, ຈະການຕັ້ງ action ຕາມເວລາຕອນນີ້.

Target 属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一:

ການອະທິບາຍ
_blank 响应显示在新窗口或选项卡中。
_self 响应显示在当前窗口中。
_parent 响应显示在父框架中。
_top 响应显示在窗口的整个 body 中。
framename framename

ຄຳນວຍມືສະພາບພາຍໃນປ່າ. _self, ຄວາມຄິດວ່າຈະເປີດໃນປ່າກາງຂອງປ່າ.

实例

ບ່ອນນີ້, ຄຳຕອບຈະເປີດໃນເວບໄຊແບບໃຫມ່ຂອງການຄົ້ນຫາ:

<form action="/action_page.php" target="_blank">

亲自试一试

ຜົນງານການປະກອບຕັ້ງ Method

ຜົນງານການປະກອບຕັ້ງ method ຈະກຳນົດວິທີ HTTP ທີ່ຈະໃຊ້ສົ່ງຂໍ້ມູນຟອມບັນຍາບັນຊີ.

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

ມີພາສາບັນຍາບັນຊີໂດຍການສົ່ງ GET ເວລາຄັ້ງທຳອິດ.

实例

ບັນຕານີ້ພວກເຮົາຈະໃຊ້ວິທີ GET ສົ່ງຂໍ້ມູນຟອມບັນຍາບັນຊີ:

<form action="/action_page.php" method="get">

亲自试一试

实例

ບັນຕານີ້ພວກເຮົາຈະໃຊ້ວິທີ POST ສົ່ງຂໍ້ມູນຟອມບັນຍາບັນຊີ:

<form action="/action_page.php" method="post">

亲自试一试

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

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

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

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

ຄຳເຕືອນ:ຖ້າຂໍ້ມູນຟອມບັນຍາບັນຊີບັນຈາກຄວາມຄິດຫຼືຂໍ້ມູນຊີວິດ, ບໍ່ວ່າຫຼືຈະໃຊ້ POST!

ຜົນງານການບັນຍາບັນຊີຢູ່ຂຶ້ນ

autocomplete ຜົນງານການປະກອບຕັ້ງບັນຍາບັນຊີຢູ່ຂຶ້ນຈະກະຈາຍຕະຫຼອດຂອງການເປີດໃຊ້ພາສາບັນຍາບັນຊີຢູ່ຂຶ້ນ.

ຫຼັງຈາກການເປີດໃຊ້ພາສາບັນຍາບັນຊີຢູ່ຂຶ້ນ, ເບິ່ງຕື່ມ: ການບັນຍາບັນຊີຢູ່ຂຶ້ນຈະມີຄວາມຄິດວ່າຈາກຄືນຄຳນຳມາກ່ອນ.

实例

ການເປີດໃຊ້ຟອມບັນຍາບັນຊີຢູ່ຂຶ້ນ:

<form action="/action_page.php" autocomplete="on">

亲自试一试

Novalidate 属性

novalidate 属性是一个布尔属性。

如果已设置,它规定提交时不应验证表单数据。

实例

未设置 novalidate 属性的表单:

亲自试一试

ລາຍການປະສົງມູນຄ່າ <form> ທັງໝົດ

ປະສົງມູນຄ່າ ການອະທິບາຍ
accept-charset ກ່ຽວກັບຄວາມລະບົບຂອງຄຳຕອບທີ່ຈະສະແດງຟອມ.
action ກ່ຽວກັບບ່ອນທີ່ຈະສົ່ງຂໍ້ມູນຟອມຫຼັງຈາກການສົ່ງ.
autocomplete ກ່ຽວກັບບໍ່ຄວນເປີດການປະຕິບັດຄວາມສະໜອງ(ການບັນທຶກ)ຟອມ.
enctype ກ່ຽວກັບວິທີການການການຂະໂມຍຂອງຂໍ້ມູນຟອມເພື່ອສົ່ງຫາທີ່ຫຼັງຈາກ method="post".
method ກ່ຽວກັບການນຳໃຊ້ HTTP ການການສົ່ງຟອມ.
name ກ່ຽວກັບຊື່ຟອມ.
novalidate ກ່ຽວກັບບໍ່ຈະກວດກາຟອມຫຼັງຈາກການສົ່ງ.
rel ກ່ຽວກັບຄວາມສຳພັນບັນດາສາຍລະຫັດກັບເອກະສານປະຈຸບັນ.
target ກ່ຽວກັບບ່ອນທີ່ຈະສະແດງຄຳຕອບທີ່ຈະຮັບມາຫຼັງຈາກການສົ່ງຟອມ.