“HTML Form属性”的版本间差异

2022年8月14日 (日) 20:43的版本

本章描述了 HTML <form> 元素的不同属性。

action属性

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

通常，当用户单击提交按钮时，表单数据会发送到服务器上的文件。在下面的示例中，表单数据被发送到名为“.php”的文件中。此文件包含处理表单数据的服务器端脚本：

示例

<html>
<form action="/third/http.php" method="GET">
  <label for="fname">姓名:</label><br>
  <input type="text" id="fname" name="fname" value="小白"><br>
  <label for="age">年龄:</label><br>
  <input type="text" id="age" name="age" value="1"><br><br>
  <input type="submit" value="提交">
</form>
</html>

如果 action 省略该属性，则将操作设置为当前页面。

target属性

target 属性指定在哪里显示提交表单后收到的响应。

target 属性可以具有以下值之一：

_blank 响应显示在新窗口或选项卡中
_self 响应显示在当前窗口中
_parent 响应显示在父框架中
_top 在最顶级的浏览上下文中（即当前上下文的一个没有父级的祖先浏览上下文），如果没有父级，则与 _self 表现一致。
framename 响应显示在指定name的iframe中

示例

在新的窗口中显示响应

<html>
<form action="/third/http.php" method="GET" target="_blank">
  <label for="fname">姓名:</label><br>
  <input type="text" id="fname" name="fname" value="小白"><br>
  <label for="age">年龄:</label><br>
  <input type="text" id="age" name="age" value="1"><br><br>
  <input type="submit" value="提交">
</form>
</html>