以 html 形式显示占位符而不是默认值

Question

html 表单中的文本字段有默认值，但我想显示占位符而不是默认值。有任何想法吗？

Answer 1

从您在这里所说的看来，您实际上想监听焦点和模糊<input>事件，并使用某种缓存清除内容，以便在没有输入任何内容时恢复它。

<input id="foo" type="text" value="" data-value="" />

然后在脚本中

var foo = document.getElementById('foo');
foo.addEventListener('focus', function () {
    this.setAttribute('data-value', this.value);
    this.value = '';
});
foo.addEventListener('blur', function () {
    if (this.value === '')
        this.value = this.getAttribute('data-value');
});

演示版