HTML DOM Input Text defaultValue 属性

htmlweb developmentfront end technology更新于 2024/5/28 6:36:17

HTML DOM Input Text defaultValue 属性用于设置或获取文本字段的默认值。元素的 defaultValue 是分配给 value 属性的值。value 属性和 defaultValue 属性之间的区别在于，后者保留指定的原始默认值，而 value 属性值会根据用户在输入字段中的输入而变化。

语法

以下是设置 defaultValue 属性的语法 −

textObject.defaultValue = value

此处，"value"是文本字段的默认值。

示例

让我们看一个 Text defaultValue 属性的示例 −

<!DOCTYPE html>
<html>
<body>
<h1>Input Text defaultValue Property</h1>
USERNAME: <input type="text" id="TEXT1" value="RON_1" autofocus>
<p>Change the above text field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeDefault() {
      document.getElementById("TEXT1").defaultValue="ROHAN_2";
      var P=document.getElementById("TEXT1").defaultValue;
      document.getElementById("Sample").innerHTML = "Default value has been changed from RON_1 to "+P ;
   }
</script>
</body>
</html>