HTML 表单 target 属性

htmlweb developmentfront end technology更新于 2025/8/20 21:00:17

<form> 元素的 target 属性允许您显示提交表单后生成的响应。

以下是语法 −

<form target="_blank|_self|_parent|_top|frame">

其中，_blank 用于在新窗口或标签页中显示响应，_self 用于在同一框架中显示响应，_parent 用于在父框架中显示响应，_top 用于在整个窗口主体中显示响应，frame 用于在指定的框架中显示响应。

现在让我们看一个实现 <form> 元素 target 属性的示例。元素 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="new.php" method="get" target="_blank">
   Player: <input type="text" name="player"><br>
   Rank: <input type="number" name="rank"><br>
   Points: <input type="number" name="points"><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

这将产生以下输出。提交表单后，响应将显示在新窗口中 −