資料結構
網路
關係型資料庫管理系統 (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
廣告