HTML Form Attributes

Ang kabanata na ito ay nagtatalakay ng HTML <form> Iba't ibang attribute ng elemento.

Attribute na Action

action Ang attribute na nagtataglay ng operasyon na gagawin kapag naisumite ang form.

Karaniwang, kapag pinindot ng user ang button na "Magsumite", ang datos ng form ay ipapadala sa file sa server.

Sa ibang halimbawa, ang datos ng form ay ipapadala sa file na may pangalang "action_page.php". Ang file na ito ay naglalaman ng script na nagseseguro sa server sa paghawak ng datos ng form:

实例

Pagkatapos ng pagsumite, ang datos ng form ay ipapadala sa "action_page.php":

<form action="/action_page.php">
  <label for="fname">Unang pangalan:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Huling pangalan:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Magsumite">
</form>

亲自试一试

Mga Babala:Kung ipinatanggal ang attribute na action, ang action ay nilagay bilang kasalukuyang pahina.

Target Atributo

target Ang atributo ay nagtutukoy saan ipapakita ang tugon pagkatapos ng pagsumite ng form.

target Ang atributo ay maaaring magtala ng isang sa mga sumusunod na halaga:

Halaga 描述
_blank Ang tugon ay ipapakita sa bagong window o tab.
_self Ang tugon ay ipapakita sa kasalukuyang window.
_parent Ang tugon ay ipapakita sa magulang na framework.
_top Ang tugon ay ipapakita sa buong body ng window.
framename Ang tugon ay ipapakita sa pinangalanan na iframe.

Ang default na halaga ay _self, ibig sabihin na ang tugon ay magbukas sa kasalukuyang window.

实例

Dito, ang ipapakita na resulta ay magbukas sa bagong tab ng browser:

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

亲自试一试

Method Atributo

Ang atributo ng method ay nagtutukoy sa HTTP method na gagamitin sa pagsumite ng datos ng form.

Ang datos ng form ay maaaring maging URL variable (gamit method="get") o bilang HTTP post transaction (gamit method="post") magpadala.

Ang default na HTTP method sa pagsumite ng datos ng form ay GET.

实例

Ang halimbawa na ito ay gumagamit ng paraan ng GET sa pagsumite ng datos ng form:

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

亲自试一试

实例

Ang halimbawa na ito ay gumagamit ng paraan ng POST sa pagsumite ng datos ng form:

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

亲自试一试

Mga Babala tungkol sa GET:

  • Idinagdag ang datos ng form sa URL sa anyo ng pares ng pangalan at halaga
  • Huwag kailanman gamitin ang GET para magpadala ng sensitibong datos! (Ang ipinasok na datos ng form ay lumilitaw sa URL!)
  • Ang haba ng URL ay may limitasyon (2048 na character)
  • Ginagamit ito sa mga pagsubmit ng form kung ang user ay nagnanais na idagdag ang mga resulta bilang bookmark
  • GET ay ginagamit para sa hindi ligtas na datos, tulad ng query string sa Google

Mga Babala tungkol sa POST:

  • Idinagdag ang datos ng form sa laman ng HTTP request (hindi lumilitaw sa URL ang ipinasok na datos ng form)
  • Wala ang hangganan ang sukat ng POST, puwedeng gamitin para magpadala ng malaking dami ng datos.
  • Ang pagsumite ng form na may POST ay hindi makakapagdagdag ng bookmark

Mga Babala:Kung ang datos ng form ay may sensitibong impormasyon o personal na impormasyon, mangyaring gamitin ang POST!

Autocomplete Atributo

autocomplete Ang atributo ay nagtutukoy kung ang form ay dapat magbukas ng awtomatikong pagkakumpleto.

Pagkatapos magamit ang awtomatikong pagkakumpleto, ang browser ay maglalagay ng awtomatikong halaga ayon sa nakaraang mga ipinasok ng user.

实例

Habilin ang form na naglalagay ng awtomatikong paglalagay:

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

亲自试一试

Novalidate 属性

novalidate 属性是一个布尔属性。

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

实例

未设置 novalidate 属性的表单：

<form action="/action_page.php" novalidate>

亲自试一试

所有 <form> 属性的列表

属性 描述
accept-charset 规定用于表单提交的字符编码。
action 规定提交表单时将表单数据发送到何处。
autocomplete 规定表单是否应打开自动完成（填写）功能。
enctype 规定将表单数据提交到服务器时应如何编码（仅供 method="post"）。
method 规定发送表单数据时要使用的 HTTP 方法。
name 规定表单名称。
novalidate 规定提交时不应验证表单。
rel 规定链接资源和当前文档之间的关系。
target 规定提交表单后在何处显示接收到的响应。