HTML | DOM Input 提交 defaultValue 属性

简介

defaultValue 属性设置一个 <input> 元素的初始值。该属性的值在用户更改输入字段后不会更改，但可以通过 value 属性进行更改。

语法

<input defaultValue="value">

属性值

属性值是字符串，表示输入字段的初始值。如果省略此属性，则输入字段将不包含初始值。请注意，使用这个属性将覆盖用 value 属性设置的默认值。

示例

以下示例演示如何在 input 元素中使用 defaultValue 属性：

<label for="name">姓名:</label>
<input type="text" id="name" name="name" defaultValue="John Doe"><br><br>

<label for="age">年龄:</label>
<input type="number" id="age" name="age" min="18" max="65" defaultValue="18">

在这个例子中，我们设置了两个 input 元素，并使用 defaultValue 属性为它们设置初始值。第一个输入字段是文本类型，第二个是数字类型，因此我们还设置了最小和最大值。

注意事项

• defaultValue 属性仅在加载页面时应用，并且不会更改用户更改了输入字段值后的值。
• 与 value 属性不同，如果您更改了 defaultValue 属性的值，则不会更新文本框的值。要更改文本框的值，使用 value 属性。

总结

defaultValue 属性允许您设置输入字段的初始值，从而提供更好的用户体验。它可以为您的表单提供更好的可用性和可访问性，在提交数据之前，用户可以直接看到表单中的默认值。