Question

html格式的文本字段具有默认值，但我想显示占位符而不是默认值。任何想法？

Answer 1

根据您所说的here，您听起来确实想要听焦点和模糊事件并清除{{1}的内容如果没有输入任何内容，可以使用某种缓存来恢复它。

<input>

然后在脚本中

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

DEMO

Answer 2

如果您只关注支持HTML5的浏览器，则可以选择以下选项：

<input type="text" name="myText" placeholder="My Placeholder">

Answer 3

一方面，它是可行的;另一方面，我不确定你为什么要这样做。

$('input[type="text"]').each(function (i, o) {
    var inputBox = $(o),
        swapInValue = function () {
            inputBox.val(inputBox.data('val'));
        },
        swapOutValue = function () {
            inputBox.data('val', inputBox.val()).val('');
        };
    inputBox.blur(swapOutValue).focus(swapInValue);
});

Answer 4

<input type="text" name="foo"  placeholder="Foo Name"/>
<input type="hidden" name="foo" value="foo"/>

在html表单中显示占位符而不是默认值

4 个答案: