javascript - 文本字段中的 Javascript 默认文本，如 tumblr

Question

我想在输入字段中使用灰色的默认文本。但是用户不应该能够选择这个文本，而且它也是不可删除的。

例子：

用户键入名称Susan。在他们停止输入后，它会显示如下：SusanCartel. 灰色部分自动显示为预览。然后当他们点击创建时，我们会看到SusanCartel。这样，人们不会SusanCartelCartel因为看到预览而意外输入。

score 2 · Accepted Answer

placeholderHTML5 具有您可以使用的新属性：

<label for="username">Username:</label>
<input type="text" name="username" id="username" placeholder="Type your username..." />

但是，这在 IE 或旧版浏览器中不起作用。

这个插件将实现跨浏览器相同的效果。

score 1 · Accepted Answer

我通常使用 jquery-watermark。查看此插件链接以获取更多信息。

用法：

$('#inputid').watermark('Required information', {className: 'myClassName'});

另外，如果您仔细阅读介绍，您会遇到这一点

原生支持 HTML5“占位符”功能（在支持它的浏览器中），或者可以禁用原生支持，以便插件控制所有水印

2 回答 2