📜  HTML | DOM 输入文本 defaultValue 属性(1)

📅  最后修改于: 2023-12-03 15:15:37.714000             🧑  作者: Mango

HTML | DOM 输入文本 defaultValue 属性
简介

在HTML中,defaultValue属性用于设置输入文本元素的默认值。这个属性允许你在加载页面时将一个默认值设置为输入框中的文本内容,当用户未输入任何内容时,该默认值将显示在输入框中。

用法

defaultValue属性适用于以下类型的输入框元素:

  • <input type="text">
  • <input type="password">
  • <textarea>
语法

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

<input type="text" defaultValue="Default value">
示例

下面是一个简单的示例,展示了如何使用defaultValue属性设置输入框的默认值:

<!DOCTYPE html>
<html>
<head>
  <title>Default Value Example</title>
</head>
<body>
  <input type="text" id="myInput" defaultValue="Enter your name">
  <button onclick="alert(document.getElementById('myInput').value)">Submit</button>

  <script>
    document.getElementById('myInput').defaultValue = "Your Name";
  </script>
</body>
</html>

在上面的示例中,输入框中的默认值为"Enter your name"。当用户点击提交按钮时,将显示输入框中的值。同时,通过JavaScript也可以通过修改defaultValue属性来改变输入框的默认值。

注意事项

默认值并不等同于输入框中的实际值。当用户开始在输入框中输入内容后,defaultValue属性将不再起效,输入框将显示用户输入的值而不是默认值。

结论

defaultValue属性是设置输入框元素默认值的有用属性。它可用于在加载页面时为用户提供有关输入框预期内容的提示。记住,它并不会替代用户输入的内容,只有当用户未输入任何内容时才会显示默认值。