JavaScript：在 if 语句中比较 defaultValue 和 value 属性

使用 if 语句比较 defaultValue 和 value 属性

本示例演示如何使用 if 语句比较输入框的 defaultValue 属性和 value 属性，并根据比较结果动态修改 value 属性的值。

if (field.defaultValue == field.value) {
  field.value = '';
} else if (field.value == '') {
  field.value = field.defaultValue;
}

代码解析：

1. if (field.defaultValue == field.value)：判断 defaultValue 属性的值是否与 value 属性的值相等。

   • 如果相等，则执行 field.value = '';，将 value 属性的值清空为一个空字符串。

2. else if (field.value == '')：判断 value 属性的值是否为空字符串。

   • 如果为空字符串，则执行 field.value = field.defaultValue;，将 value 属性的值设置为 defaultValue 属性的值。

总结：

该代码片段实现了以下功能：

• 当输入框的值与默认值相同时，清空输入框的值。
• 当输入框的值为空时，将输入框的值恢复为默认值。

通过使用 if 语句和比较操作，可以灵活地控制输入框的值，并实现更完善的用户体验。