HTML Input form* Attributes

HTML5 SSE <input> 元素的不同 form* 属性。

form 属性

ng input form 属性规定 <input> 元素所属的表单。

此属性的值必须等于它所属的 <form> 元素的 id 属性。

实例

位于 HTML 表单（但仍是表单的一部分）之外的输入字段：

<form action="/action_page.php" id="form1">
  <label for="fname">Surnombre:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="提交">
</form>
<label for="lname">Pangalan:</label>
<input type="text" id="lname" name="lname" form="form1">

亲自试一试

formaction 属性

ng input formaction 属性规定当提交表单时，对输入（数据）进行处理的文件的 URL。

注释：该属性会覆盖 <form> 元素的 action 属性。

formaction Ang attribute ay ginagamit para sa mga sumusunod na uri ng input: submit at image.

实例

带有两个提交按钮的 HTML 表单，它们具有不同的操作（action）：

<form action="/action_page.php">
  <label for="fname">Surnombre:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Pangalan:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="提交">
  <input type="submit" formaction="/action_page2.php" value="以管理员提交">
</form>

亲自试一试

formenctype 属性

ng input formenctype 属性指定提交时应如何编码表单数据（仅适用于 method="post" 的表单）。

注释：此属性将覆盖 <form> 元素的 enctype 属性。

formenctype Ang attribute ay ginagamit para sa mga sumusunod na uri ng input: submit at image.

实例

有两个提交按钮的表单。第一个发送使用默认编码的表单数据，第二个发送编码为 "multipart/form-data" 的表单数据：

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="提交">
  <input type="submit" formenctype="multipart/form-data"
  value="以 Multipart/form-data 编码提交">
</form>

亲自试一试

formmethod 属性

ng input formmethod 属性定义了将表单数据发送到 action URL 的 HTTP 方法。

注释：此属性将覆盖 <form> 元素的 method 属性。

formmethod Ang attribute ay ginagamit para sa mga sumusunod na uri ng input: submit at image.

Ang data ng form ay maaaring ipadala bilang URL variable (method="get") o bilang http post transaction (method="post")

Mga paalala tungkol sa GET:

  • Idinagdag ang data ng form sa URL sa anyo ng pangalan/halaga (method="get") o bilang http post transaction (method="post")
  • Huwag kailanman gamitin ang GET sa pagpadala ng sensitibong data! (Ang inilipat na data ng form ay ipapakita sa URL)
  • Ang haba ng URL ay may limitasyon (2048 na character)
  • Kahusayan para sa mga sumite ng form na nilililipat ng user bilang bookmark
  • GET ay ginagamit para sa hindi ligtas na data, tulad ng query string sa Google

Mga paalala tungkol sa POST:

  • Idinagdag ang data ng form sa http request na may laman (hindi ipapakita sa URL ang inilipat na data ng form)
  • Wala ang limitasyon ang laki ng POST, maaring gamitin para sa pagpadala ng malaking data.
  • Ang sumite ng form na may POST ay hindi maaaring magkaroon ng bookmark

Mga paalala:Kung ang data ng form ay may sensitibong impormasyon o personal na impormasyon, siguraduhing gamitin ang POST!

实例

Ang form na may dalawang sumite button. Ang una ay gumagamit ng method="get" sa pagpapadala ng form data. Ang ikalawa ay gumagamit ng method="post" sa pagpapadala ng form data:

<form action="/action_page.php" method="get">
  <label for="fname">Surnombre:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Pangalan:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Gumamit ng GET na sumite">
  <input type="submit" formmethod="post" value="Gumamit ng POST na sumite">
</form>

亲自试一试

Ang formtarget attribute

ng input formtarget Ang attribute ay nagsasagawa ng isang pangalan o keyword, na nagsasabing saan ang tugon ay ipapakita pagkatapos ilipat ang form.

注释：此属性将覆盖 <form> ang target attribute ng elemento.

formtarget Ang attribute ay ginagamit para sa mga sumusunod na uri ng input: submit at image.

实例

Ang form na may dalawang sumite button at may magkakaibang target window:

<form action="/action_page.php">
  <label for="fname">Surnombre:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Pangalan:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="提交">
  <input type="submit" formtarget="_blank" value="Isubmit sa bagong window/tab">
</form>

亲自试一试

ang formnovalidate attribute

ng input formnovalidate Ang kategorya ay hindi dapat patotohanin ang <input> elemento sa paglilipat.

注释：此属性将覆盖 <form> 元素的 novalidate 属性。

formnovalidate 属性适用于以下输入类型：submit。

实例

有两个提交按钮的表单（进行和不进行验证）：

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
  <input type="submit" formnovalidate="formnovalidate"
  value="不进行验证的提交">
</form>

亲自试一试

novalidate 属性

novalidate 属性是 <form> 属性。

如果已设置，novalidate 属性规定在提交时不应验证所有表单数据。

实例

规定在提交时不验证任何表单数据：

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
</form>

亲自试一试

HTML Form 和 Input 元素

标签 描述
<form> 为用户输入定义 HTML 表单。
<input> 定义输入控件。

如需所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考手册。