HTML <form> ស្លាក

  • หน้าก่อนหน้า <footer>
  • หน้าต่อไป <frame>

Definition and Usage

<form> Ang tag na ito ay ginagamit para sa paglikha ng HTML form na tumanggap ng input ng user.

<form> Ang elementong ito ay maaaring magkaroon ng isang o ilang mga form elements:

Para sa mas maraming impormasyon:

HTML Tutorial:HTML Forms and Inputs

HTML DOM Reference Manual:Form Object

CSS Tutorial: I-set ng Styl ng Form

Mga Halimbawa

Halimbawa 1

HTML Form na may dalawang input field at isang submit button:

<form action="/action_page.php" method="get">
  <label for="fname">Unang pangalan:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Pangalawang pangalan:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Isumite">
</form>

ทดสอบด้วยตัวเอง

Halimbawa 2

HTML Form na may mga checkbox:

<form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">Mayroon akong isang bisikleta</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">Mayroon akong isang sasakyan</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">Mayroon akong isang barko</label><br><br>
  <input type="submit" value="Isumite">
</form>

ทดสอบด้วยตัวเอง

Mga halimbawa 3

Mga porma ng HTML na may unang-kahit-ano na buton:

<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="Isumite">
</form>

ทดสอบด้วยตัวเอง

Katangian

Katangian Halaga Inilarawan
accept-charset Mga charset Tinutukoy ang charset na gagamitin kapag isinasumite ang porma.
action URL Tinutukoy kung saan papadala ang datos ng porma kapag isinasumite ang porma.
autocomplete
  • on
  • off
 Tinutukoy kung dapat ba ang porma ay magamit ang automatic na kumpletasyon.
enctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Tinutukoy kung paano maencode ang datos ng porma kapag isinasumite ang datos ng porma sa server.
method
  • get
  • post
 Tinutukoy ang HTTP na paraan na gagamitin kapag nagpapadala ng datos ng porma.
name Teksto Tinutukoy ang pangalan ng porma.
novalidate novalidate Tinutukoy na hindi dapat verifika ang porma kapag isinasumite ang porma.
rel
  • external
  • help
  • license
  • next
  • nofollow
  • noopener
  • noreferrer
  • opener
  • prev
  • search
 Tinutukoy ang relasyon ng link resource at ang kasalukuyang dokumento.
target
  • _blank
  • _self
  • _parent
  • _top
 Tinutukoy kung saan ipapakita ang tugon na natanggap pagkatapos isumite ang porma.

Pangkalahatang katangian

<form> Ang tag ay sumusuporta din Ang pangkalahatang katangian sa HTML。

Kaganapan na katangian

<form> Ang tag ay sumusuporta din HTML sa pagkakaroon ng kaganapan na katangian。

การตั้งค่า CSS ปริยาย

โปรแกรมบราวเซอร์ส่วนใหญ่จะแสดงค่าปริยายตามตารางต่อไปนี้ <form> องค์ประกอบ：

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

ทดสอบด้วยตัวเอง

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <footer>
  • หน้าต่อไป <frame>