HTML DOM輸入圖像formTarget屬性用於設置或返回具有圖像字段的輸入元素的formTarget的值。 Target屬性用於指定提交的結果將在當前窗口,新選項卡還是新框架中打開。句法:
- 返回formTarget屬性。
imageObject.formTarget
- 設置formTarget屬性。
imageObject.formTarget
屬性值:它接受下麵提到和描述的五個參數:
- _blank:它定義了提交的結果將在新窗口或新選項卡中打開。
- _self:它指定提交的結果將在同一窗口中打開。
- _parent:它指定結果將在父框架集中打開。
- _top:它指定結果將在整個窗口中打開。
- framename:它在命名框架中打開響應。
返回值:它返回一個字符串值,該字符串值表示提交的結果將在當前窗口,新選項卡還是新框架中打開。
範例1:本示例說明了如何返回Input Image formTarget屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Image formTarget Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
DOM Input Image formTarget Property
</h2>
<button onclick="my_geek()">
<input id="myImage" name="myGeeks" type="image" src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"
alt="Submit" formaction="#" a formtarget="_blank"
formenctype="text/plain" width="48" height="48">
</button>
<h2 id="Geek_h" style="color:green;"></h2>
<script>
function my_geek() {
// Return formTarget, formEnctype and formAction.
var txt = document.getElementById(
"myImage").formTarget;
document.getElementById("Geek_h").innerHTML = txt;
}
</script>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
範例2:本示例說明了如何設置屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Image formTarget Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h4>
DOM Input Image formTarget Property
</h4>
<button onclick="my_geek()">
<input id="myImage" name="myGeeks" type="image" src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png"
alt="Submit" formaction="#" a formtarget="_blank"
formenctype="text/plain" width="48" height="48">
</button>
<h2 id="Geek_h" style="color:green;">
</h2>
<script>
function my_geek() {
// Return formTarget, formEnctype and formAction.
var txt = document.getElementById(
"myImage").formTarget = "_self";
document.getElementById("Geek_h").innerHTML =
"The formTarget as changed to " + txt;
}
</script>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
支持的瀏覽器:下麵列出了HTML DOM輸入圖像formTarget屬性支持的瀏覽器:
- 穀歌瀏覽器9.0
- Internet Explorer 10.0
- Firefox 4.0
- Opera 10.6
- Safari 5.1
相關用法
- HTML Input Submit formTarget用法及代碼示例
- HTML <input> formtarget屬性用法及代碼示例
- HTML Input Image alt用法及代碼示例
- HTML Input Image name用法及代碼示例
- HTML Input Image src用法及代碼示例
- HTML Input Image value用法及代碼示例
- HTML input image height用法及代碼示例
- HTML Input Image formEnctype用法及代碼示例
- HTML Input Image form用法及代碼示例
- HTML Input Image formNoValidate用法及代碼示例
- HTML Input Image width用法及代碼示例
- HTML Input image autofocus用法及代碼示例
- HTML Input Image disabled用法及代碼示例
- HTML Input Image formAction用法及代碼示例
- HTML Input Image formMethod用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Image formTarget Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。