HTML DOM中的輸入提交名稱屬性用於設置或返回提交字段的名稱屬性的值。每個輸入字段都需要name屬性。如果未在輸入字段中指定name屬性,則將根本不發送該字段的數據。
用法:
- 它返回輸入提交名稱屬性。
submitObject.name
- 它用於設置輸入提交名稱屬性。
submitObject.name = name
屬性值:它包含定義提交字段名稱的單個值名稱。
返回值:它返回一個字符串值,代表提交字段的名稱。
範例1:本示例說明了如何返回輸入提交名稱屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Submit name Property
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
HTML DOM Input Submit name Property
</h2>
<form id="myGeeks">
<input type = "submit" id = "Geeks" name="myGeeks"
value = "Submit @ geeksforgeeks">
</form>
<p>
click on below button to return the Property
</p>
<button onclick = "myGeeks()">
Click Here!
</button>
<p id = "GFG"style="font-size:25px;"></p>
<!-- Script to return submit name Property -->
<script>
function myGeeks() {
var btn = document.getElementById("Geeks").name;
document.getElementById("GFG").innerHTML = btn;
}
</script>
</body>
</html>
輸出:
單擊按鈕之前:
單擊按鈕後:
範例2:本示例說明了如何設置輸入提交名稱屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Submit name Property
</title>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
HTML DOM Input Submit name Property
</h2>
<form id="myGeeks">
<input type = "submit" id = "Geeks" name="myGeeks"
value = "Submit @ geeksforgeeks">
</form>
<p>
click on below button to set the Property
</p>
<button onclick = "myGeeks()">
Click Here!
</button>
<p id = "GFG"style="font-size:25px;"></p>
<!-- Script to set submit name Property -->
<script>
function myGeeks() {
var btn = document.getElementById("Geeks").name
= "mySubmit";
document.getElementById("GFG").innerHTML
= "The value of the name attribute was"
+ " changed to " + btn;
}
</script>
</body>
</html>
輸出:
單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:DOM輸入提交名稱屬性支持的瀏覽器如下:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML Input Submit value用法及代碼示例
- HTML Input Submit formNoValidate用法及代碼示例
- HTML Input Submit formEnctype用法及代碼示例
- HTML Input Submit formMethod用法及代碼示例
- HTML Input Submit formAction用法及代碼示例
- HTML Input Submit type用法及代碼示例
- HTML Input Submit formTarget用法及代碼示例
- HTML Input Submit form用法及代碼示例
- HTML Input Submit defaultvalue用法及代碼示例
- HTML Input Submit disabled用法及代碼示例
- HTML Input Submit autofocus用法及代碼示例
- HTML DOM Input Submit用法及代碼示例
- HTML input submit用法及代碼示例
- HTML Input URL value用法及代碼示例
- HTML Input URL name用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Submit name Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。