HTML DOM Input Submit 的 value 屬性


與輸入元素的 type="submit" 和 value 屬性關聯的 HTML DOM Input submit 的 value 屬性。可用來返回提交按鈕的 value 屬性值或對其進行設定。改變 submit 按鈕的 value 屬性會更改按鈕上的顯示文字,而預設情況下該文字是 Submit。

語法

以下是它的語法 −

設定 value 屬性 −

submitObject.value = text;

在此處,text 用於指定在提交按鈕上顯示的文字。

範例

我們來看一個 input submit value 屬性的範例 −

即時演示

<!DOCTYPE html>
<html>
<body>
<h1>Input submit Value 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">
</form>
<p>Change the above element value by clicking the below button</p>
<button onclick="changeValue()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeValue() {
      document.getElementById("SUBMIT1").value="Form_Submit";
      document.getElementById("Sample").innerHTML="The submit button value is changed and the value can be seen on the button itself";
   }
</script>
</body>
</html>

輸出

將產生以下輸出 −

點選 CHANGE 按鈕 −

Updated on: 19-Feb-2021

125 次瀏覽

開啟您的 職業生涯

完成課程以獲得認證

開始學習
廣告