HTML <form> ຕາມ

  • ການໄປຫາກ່ອນ <footer>
  • ການໄປຕໍ່ມາ <frame>

Definition and Usage

<form> The tag is used to create HTML forms to receive user input.

<form> Elements can contain one or more of the following form elements:

Please see also:

HTML Tutorial:HTML Forms and Inputs

HTML DOM Reference Manual:Form Object

CSS Tutorial: ການຈັດບັນນາທິດຟອມ

ຄວາມຄິດ

ຕົວຢ່າງ 1

ຟອມ HTML ທີ່ມີສອງບັນທຶກຂັບເຂົ້າແລະຄຳຫນື່ງການສະໜອງ:

<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="ສົ່ງ">
</form>

ທົດລອງຄັ້ງເອງ

ຕົວຢ່າງ 2

ຟອມ HTML ທີ່ມີຄຸມກາກບັນທຶກ:

<form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">ຂ້ອຍມີລົດຖີບ</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">ຂ້ອຍມີລົດ</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">ຂ້ອຍມີເຮືອຫນັງ</label><br><br>
  <input type="submit" value="ສົ່ງ">
</form>

ທົດລອງຄັ້ງເອງ

例子 3

ຕົວຢ່າງ 3

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="ສົ່ງ">
</form>

ທົດລອງຄັ້ງເອງ

ຕັ້ງຂອບເຂດວິທີການຂຽນອັກສະນະຂອງຂໍ້ມູນທີ່ຈະໃຊ້ເພື່ອສົ່ງຟອມຂໍ້ມູນອອກ
ຕັ້ງຂອບເຂດທີ່ຈະສົ່ງຟອມຂໍ້ມູນອອກໄປ
ຕັ້ງຂອບເຂດທີ່ຈະສະແດງວ່າຟອມຈະສະແດງການກິນຄວາມຊຶ່ງຊົນ
ຕັ້ງຂອບເຂດວິທີທີ່ຈະການລະເນີດຂໍ້ມູນຟອມເພື່ອສົ່ງຫາເວັບໄຊ
ຕັ້ງຂອບເຂດວິທີການທີ່ຈະໃຊ້ເພື່ອສົ່ງຟອມຂໍ້ມູນອອກ
ຕັ້ງຂອບເຂດຊື່ຂອງຟອມ
ຕັ້ງຂອບເຂດທີ່ຈະບໍ່ກວດກາຟອມຂໍ້ມູນອອກ
ຕັ້ງຂອບເຂດທີ່ຈະສະແດງຄຳຕອບທີ່ຮັບມາຫຼັງຈາກສົ່ງຟອມຂໍ້ມູນອອກ

ລັກສະນະທົ່ວໄປ

<form> ອັບສັນຍັດສະນັບການກໍານົດ ລັກສະນະທົ່ວໄປໃນ HTML。

ລັກສະນະຂອງເຫດການ

<form> ອັບສັນຍັດສະນັບການກໍານົດ ລັກສະນະຂອງເຫດການໃນ HTML。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <form> ປະເພດ:

form {
  display: block;
  margin-top: 0em;
}

ທົດລອງຄັ້ງເອງ

ການສະໜັບສະໜູນບັນດາການຄົ້ນຫາ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ
  • ການໄປຫາກ່ອນ <footer>
  • ການໄປຕໍ່ມາ <frame>