HTML DOM Input Submit value 属性

htmlweb developmentfront end technology更新于 2024/5/28 7:08:17

HTML DOM Input Submit value 属性与 type="submit" 的输入元素及其 value 属性相关联。它用于返回提交按钮 value 属性的值或设置该值。提交按钮的 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>