HTML DOM 輸入提交名稱屬性


HTML DOM Input Submit name 屬性用於設定或返回提交按鈕的 name 屬性。name 屬性有助於在將表單資料提交到伺服器後識別該資料。

語法

以下是語法 −

設定 name 屬性 −

submitObject.name = name

此處,name 用於指定提交按鈕的名稱。

示例

我們來看一個 Submit name 屬性的示例 −

現場演示

<!DOCTYPE html>
<html>
<body>
<h1>Input submit name Property</h1>
<form 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" name="BTN1">
</form>
<p>Change the name of the above submit button by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
   function changeName() {
      document.getElementById("SUBMIT1").name ="SUB_BTN" ;
      document.getElementById("Sample").innerHTML = "Submit Button name is now SUB_BTN";
   }
</script>
</body>
</html>

輸出

將產生以下輸出 −

單擊 CHANGE NAME 按鈕 −

更新於: 19-Feb-2021

90 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.