資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時尚研究
法律研究HTML DOM 輸入提交 formTarget 屬性
HTML DOM 輸入提交 formTarget 屬性用於設定或返回提交按鈕的 formTarget 屬性值。HTML DOM 輸入提交 formTarget 屬性是伺服器響應應在表單資料提交後顯示的位置。formTarget 屬性覆蓋表單元素的 target 屬性。它在 HTML5 中引入，輸入元素型別為提交。
語法
以下是語法 −
設定 formTarget 屬性 −
submitObject.formTarget = "_blank|_self|_parent|_top|framename"
在此，_blank 將在新視窗中開啟響應；_self 將在同一視窗中開啟響應；parent 將在父框架中開啟；_top 將在整個視窗正文中開啟；而 framename 將在指定名稱的框架中開啟。
範例
我們來看一個提交 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>結果
這將產生以下結果 −
點選更改按鈕 −
更新於： 19-Feb-2021
82 次瀏覽
廣告