HTML 表单属性

本章介绍 HTML

元素的不同属性。

Action 属性

action 属性定义提交表单时要执行的操作。

通常，当用户单击“提交”按钮时，表单数据将发送到服务器上的文件中。

在下面的例子中，表单数据被发送到名为 "action_page.php" 的文件。该文件包含处理表单数据的服务器端脚本：

Mifano

Kisha, data ya fomu inatumika kusajiliwa kwa "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 mgeschukia:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

Jifunze kwa urahisi

Matokeo ya kumtaarifu:Kamaanisha kamaanisha kwa kumwita mazingira wa action, mazingira hii inatendwa na ukurasa wa sasa.

Target 属性

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

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

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

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

Mifano

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

Jifunze kwa urahisi

Method 属性

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

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

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

Mifano

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

Jifunze kwa urahisi

Mifano

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

Jifunze kwa urahisi

关于 GET 的注意事项：

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

关于 POST 的注意事项：

  • 将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）
  • POST 没有大小限制，可用于发送大量数据。
  • 带有 POST 的表单提交无法添加书签

Matokeo ya kumtaarifu:Kama data ya form inaonekana kina jina ya habari kina jina inayowasaidia au inayosaidia mtu, kumekumbuka kusaidia POST!

Mfano wa Kufaa kina jina

autocomplete Mfano wa kifungu kinahakikisha kwamba form inaenda kufaa kina jina.

Kamaa uamuaa kufaa kina, kifungu cha safari kina kina kuzingatia jina kina jina lilotumiwa na mtu na kuzingatia jina hilo kina jina.

Mifano

Kuamuaa kufaa form:

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

Jifunze kwa urahisi

Kifupi cha Novalidate

novalidate Kifupi ni kifupi cha ujaribu.

Kama inaelewa, inaangalia kwamba fomu haingapiangaliwa kwa kuzingatia jibu.

Mifano

Fomu inayotumia kifupi cha novalidate:

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

Jifunze kwa urahisi

Orodha ya kila kifupi cha <form>

Kifupi Maelezo
accept-charset Inaangalia kifupi cha uangalifu cha fomu.
action Inaangalia kuhakikisha kwamba data ya fomu inatumika kwa kuzingatia jibu.
autocomplete Inaangalia ukurusha wa kutoa data ya fomu kwa mafanikio.
enctype Inaangalia usafishaji wa data ya fomu kwa kusaidia kusoma kwa mafanikio.
method Inaangalia hatua ya HTTP inayotumika kwa kusaidia usaidizi wa fomu.
name Inaangalia jina la fomu.
novalidate Inaangalia kwamba fomu haingapiangaliwa kwa kuzingatia jibu.
rel Inaangalia kati ya matokeo wa viungo na mafomu ya sasa.
target Inaangalia kwa kina kwa kuzingatia jibu linalopatikana baada ya kuwasilisha fomu.