HTML | DOM 输入 URL defaultValue 属性

简介

HTML表单中的输入元素可以有默认值，也就是在用户没有输入任何值的情况下显示在输入框中的预设值。defaultValue 属性可以设置或返回这个默认值。

输入元素包括文本框、密码框、文本域、下拉菜单等，这些元素都具有 defaultValue 属性。

语法

获取输入元素的 defaultValue 属性：

element.defaultValue

设置输入元素的 defaultValue 属性：

element.defaultValue = value;

其中，element 是指输入元素，value 是指要设置的默认值。

示例

<label for="url-input">请输入URL：</label>
<input type="url" id="url-input" defaultValue="http://www.example.com">

上面的例子中，我们创建了一个用于输入URL的文本框，并设置了它的 defaultValue 属性为 http://www.example.com。

我们可以使用 JavaScript 获取它的 defaultValue：

const urlInput = document.getElementById("url-input");
console.log(urlInput.defaultValue); // 输出 http://www.example.com

我们也可以在JavaScript中设置它的 defaultValue：

const urlInput = document.getElementById("url-input");
urlInput.defaultValue = "https://www.google.com";

注意事项

• defaultValue 属性只在文本框、密码框、文本域、下拉菜单等输入元素中有效。
• 如果输入元素的值被用户修改，那么 defaultValue 属性将不再起作用。
• defaultValue 属性的值是字符串类型，可以是任何字符串。

以上就是 defaultValue 属性的介绍。希望可以帮助到大家。