HTML DOM Input Submit formTarget 属性

htmlweb developmentfront end technology更新于 2024/5/28 9:16:17

HTML DOM Input Submit formTarget 属性用于设置或返回提交按钮的 formTarget 属性值。HTML DOM Input Submit formTarget 属性用于在表单数据提交后显示服务器响应的位置。formTarget 属性覆盖表单元素的 target 属性。该属性在 HTML5 中引入，用于 submit 类型的输入元素。

语法

以下是语法 −

设置 formTarget 属性 −

submitObject.formTarget = "_blank|_self|_parent|_top|framename"

其中，_blank 将在新窗口中打开响应;_self 将在同一窗口中打开响应;parent 将在父框架中打开; _top 将在完整窗口主体中打开，framename 将在指定名称的框架中打开。

示例

让我们看一个关于 Submit formTarget 属性的示例 −

<!DOCTYPE html>
<html>
<body>
<h1>Submit formTarget property</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Loc"> <br><br>
<input type="submit" id="SUBMIT1" formtarget=_self>
</form>
<p>View the form response in the new window instead of same window by clicking the below button</p>
<button onclick="changeTarget()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeTarget() {
      document.getElementById("SUBMIT1").formTarget="_blank";
      document.getElementById("Sample").innerHTML = "The response will now open in the new window";
}
</script>
</body>
</html>