📌  相关文章
📜  HTML | DOM Input 重置 defaultValue 属性(1)

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

HTML | DOM Input 重置 defaultValue 属性

简介

在 HTML 表单中，可以使用 <input> 元素来创建不同类型的表单控件，例如文本框、复选框、单选框等。而这些表单控件的默认值可以通过 defaultValue 属性来获取或设置。

defaultValue 属性表示在控件加载时的默认值。当用户修改控件的值后，如果想要将控件的值重置为初始值，可以通过设置 defaultValue 属性来实现。

语法

defaultValue 属性的语法如下：

<input type="text" defaultValue="initial value">
例子

以下是一个示例，展示了如何使用 defaultValue 属性重置文本框的值：

<!DOCTYPE html>
<html>
<head>
    <title>HTML | DOM Input 重置 defaultValue 属性</title>
</head>
<body>
    <input type="text" id="myInput" defaultValue="Initial Value">
    <button onclick="resetValue()">Reset Value</button>
    <script>
        function resetValue() {
            document.getElementById("myInput").defaultValue = "Initial Value";
        }
    </script>
</body>
</html>

页面中有一个文本框和一个按钮，点击按钮后，文本框的值将被重置为初始值。

总结

defaultValue 属性可以用来获取或设置表单控件的默认值，并且可以通过设置该属性来重置控件的值为初始值。前端开发者可以利用该属性来实现一些重置表单控件的操作。