数据结构
网络
关系型数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究HTML DOM 表单 target 属性
HTML DOM 表单 target 属性用于指定表单数据提交后应在何处显示响应。它可以显示在新标签页、当前标签页或新窗口中。表单 target 属性设置或获取 target 属性的值。
语法
以下是语法：
设置 target 属性：
formObject.target = "_blank|_self|_parent|_top|framename"
这里，_blank 将在新窗口中打开响应，_self 将在同一窗口中打开响应；parent 将在父框架中打开，_top 将在整个窗口主体中打开，framename 将在指定命名的框架中打开。
示例
让我们来看一个 HTML DOM 表单 target 属性的例子：
<!DOCTYPE html>
<html>
<head>
<style>
form {
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function SubmitForm() {
document.getElementById("FORM1").submit();
}
</script>
</head>
<body>
<h1>Form submit() method example</h1>
<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label><br><br>
<label>Age<input type="text" name="Age"></label> <br><br>
<input type="button" onclick="SubmitForm()" value="SUBMIT">
</form>
</body>
</html>输出
这将产生以下输出。单击提交后，响应将在同一窗口中打开：
单击“更改”按钮，然后单击提交；响应现在将显示在新标签页中：
它包含两个类型为文本的输入字段和一个名为“提交”的按钮：
<form id="FORM1" method="post" action="/sample_page.php"> <label>User Name <input type="text" name="usrN"></label><br><br> <label>Age<input type="text" name="Age"></label> <br><br> <input type="button" onclick="SubmitForm()" value="SUBMIT"> </form>
然后，我们创建了一个“更改”按钮，当用户单击时，它将执行 changeTarg() 方法：
<button onclick="ChangeTarg()">CHANGE</button>
ChangeTarg() 方法将使用 document 对象的 getElementById() 方法获取 <form> 元素，并将它的 target 属性值更改为“_blank”。这允许表单数据提交后的响应在新标签页中显示。此更改然后通过将文本分配给 id 为“Sample”的段落并使用其 innerHTML 属性来显示。
function ChangeTarg() {
document.getElementById("FORM1").target = "_blank";
document.getElementById("Sample").innerHTML = "The target attribute value is now _blank.";
}
更新于：2019年8月20日
浏览量 194
广告