HTML 输入表单* 属性
本章介绍 HTML <input> 元素的不同 form* 属性。
form 属性
input form 属性指定 <input> 元素所属的表单。
此属性的值必须等于它所属的 <form> 元素的 id 属性。
示例
一个位于 HTML 表单外部的输入字段（但仍然是表单的一部分）
<form action="/action_page.php" id="form1">
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="提交">
</form>
<label for="lname">名字:</label>
<input type="text" id="lname" name="lname" form="form1">
动手试一试 »
formaction 属性
input formaction 属性指定表单提交时处理输入的文件的 URL。
注意：此属性会覆盖 <form> 元素的 action 属性。
formaction 属性适用于以下输入类型：提交和图像。
示例
一个具有两个提交按钮的 HTML 表单，它们具有不同的操作
<form action="/action_page.php">
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">名字:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="提交">
<input type="submit" formaction="/action_page2.php" value="以管理员身份提交">
</form>
动手试一试 »
formenctype 属性
input formenctype 属性指定提交表单数据时应如何对其进行编码（仅适用于方法="post" 的表单）。
注意：此属性会覆盖 <form> 元素的 enctype 属性。
formenctype 属性适用于以下输入类型：提交和图像。
示例
一个具有两个提交按钮的表单。第一个以默认编码发送表单数据，第二个以“multipart/form-data”编码发送表单数据
<form action="/action_page_binary.asp" method="post">
<label for="fname">姓氏:</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 属性
input formmethod 属性定义将表单数据发送到操作 URL 的 HTTP 方法。
注意：此属性会覆盖 <form> 元素的 method 属性。
formmethod 属性适用于以下输入类型：提交和图像。
表单数据可以作为 URL 变量（method="get"）发送，也可以作为 HTTP post 事务（method="post"）发送。
关于“get”方法的说明
- 此方法将表单数据追加到 URL 中，以名称/值对的形式。
- 此方法适用于用户希望将结果设为书签的表单提交。
- 您可以放置在 URL 中的数据量有限（浏览器之间有所不同），因此，您无法确定所有表单数据是否会正确传输。
- 切勿使用“get”方法传递敏感信息！（密码或其他敏感信息将在浏览器的地址栏中可见）
关于“post”方法的说明
- 此方法将表单数据作为 HTTP post 事务发送。
- 使用“post”方法提交的表单无法设为书签。
- “post”方法比“get”方法更健壮且更安全，“post”没有大小限制。
示例
一个具有两个提交按钮的表单。第一个使用 method="get" 发送表单数据。第二个使用 method="post" 发送表单数据
<form action="/action_page.php" method="get">
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">名字:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="使用 GET 提交">
<input type="submit" formmethod="post" value="使用 POST 提交">
</form>
动手试一试 »
formtarget 属性
input formtarget 属性指定一个名称或关键字，该名称或关键字指示在何处显示提交表单后收到的响应。
注意：此属性会覆盖 <form> 元素的 target 属性。
formtarget 属性适用于以下输入类型：提交和图像。
示例
一个具有两个提交按钮的表单，它们具有不同的目标窗口
<form action="/action_page.php">
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">名字:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="提交">
<input type="submit" formtarget="_blank" value="提交到新窗口/选项卡">
</form>
动手试一试 »
formnovalidate 属性
input formnovalidate 属性指定提交时不应验证 <input> 元素。
注意：此属性会覆盖 <form> 元素的 novalidate 属性。
formnovalidate 属性适用于以下输入类型：提交。
示例
一个具有两个提交按钮的表单（带验证和不带验证）
<form action="/action_page.php">
<label for="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">输入您的电子邮件:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="提交">
</form>
动手试一试 »
HTML 表单和输入元素
| 标签 | 描述 |
|---|---|
| <form> | 定义用户输入的 HTML 表单 |
| <input> | 定义输入控件 |
有关所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考。
