HTML 表单属性

Kitabu hiki kinatoa habari ya HTML <form> Mafano ya muhimu wa kina kina.

Mafano ya Action

action Mafano yenye kumtaarisha inasikia kama ya kushikia fomu.

Kawaida, wakati wa kushika kwa mbinu ya kushikia "kushika", data ya fomu inatumika kwa kusikia faili kwenye mazingira ya kikompyuta.

Kwenye mivumbuzi ya hivi karibuni, data ya fomu inatumika kwa kusikia faili yenye jina "action_page.php". Faili hii ina kikompyuta cha kusikia kwenye mazingira ya kikompyuta kwa kusikia data ya fomu:

实例

Baada ya kuwasilisha, data ya fomu inatumika kwa kusikia "action_page.php":

<form action="/action_page.php">
  <label for="fname">Jina la kwanza:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Jina la familia:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

亲自试一试

Tahadhari:Ikiwa inaonyesha kwa kusikia uga ukweli wa action, inasajili action kwa ukurasa wa sasa.

Target 属性

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

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

值 描述
_blank 响应显示在新窗口或选项卡中。
_self 响应显示在当前窗口中。
_parent 响应显示在父框架中。
_top 响应显示在窗口的整个 body 中。
framename 响应显示在命名的 iframe 中。

默认值为 _self，这意味着响应将在当前窗口中打开。

实例

此处，提交的结果将在新的浏览器标签中打开：

亲自试一试

Method 属性

method 属性指定提交表单数据时要使用的 HTTP 方法。

表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post 事务（使用 method="post"）发送。

提交表单数据时，默认的 HTTP 方法是 GET。

实例

此例在提交表单数据时使用 GET 方法：

亲自试一试

实例

此例在提交表单数据时使用 POST 方法：

亲自试一试

关于 GET 的注意事项：

  • 以名称/值对的形式将表单数据追加到 URL
  • 永远不要使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）
  • URL 的长度受到限制（2048 个字符）
  • 对于用户希望将结果添加为书签的表单提交很有用
  • GET 适用于非安全数据，例如 Google 中的查询字符串

关于 POST 的注意事项：

  • 将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）
  • POST 没有大小限制，可用于发送大量数据。
  • Matumizi ya formu ya POST haikunusheza kubadilika kwa vichora

Tahadhari:Iwapo data ya formu ina mawasiliano ya hisia au mafanikio ya mbinu, tafadhali tukie na POST!

Mafanikio ya Autocomplete

autocomplete Mafanikio hii inasababisha formu iweze kufungua vifaa vya kina kwenye kipakana.

Baada ya kufungua tukio kwenye kipakana, kivaa kwenye vifaa vya kina vichukua vya wakati hivi vinaelezea kufungua vifaa vya kina kwenye formu.

实例

Kisha hili inafaa kufungua tukio kwenye formu:

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

亲自试一试

Novalidate 属性

novalidate 属性是一个布尔属性。

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

实例

未设置 novalidate 属性的表单：

亲自试一试

所有 属性的列表

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