HTML DOM Input 文字 defaultValue 屬性


HTML DOM Input 文字 defaultValue 屬性用於設定或獲取文字欄位的 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>

輸出

將會生成以下輸出 −

更新於: 19-Feb-2021

421 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始
Advertisement
© . All rights reserved.