Javascript 如何使用jQuery在输入元素上实现占位符文本？

如何在输入上实现jquery提示文本

<input class="question_box" title="hint text">

---

谢谢：）

谷歌搜索“”的第一个结果是，它看起来像你想要的

$('.question_box').hint();

---

那么jquery呢？

使用jquery 1.5.1和jquery UI 1.8.9，以及中的工具提示代码，jQ UI 1.9将是什么

编辑：

---

似乎在我发布时，您添加了有关您想要的内容的信息，但事实并非如此。

编辑：好的，我不理解“提示文本”，抱歉

---

HTML5在文本框中引入了

占位符

属性。请看这里：

现场演示：

这目前在Chrome、Safari和Opera中都可以使用。
Firefox4应为此添加支持（请确认）。

---

不幸的是，IE9似乎没有实现这一点。

这是我在项目中用于实现帮助文本或占位符的函数。我希望有人会觉得它有用

 $(' #chkbx_presentkort').on('change', function() {
     if($('#chkbx_presentkort').is(':checked')) {

         $('.lagerstatus #kortet_text').show().val('Skriv din text på kortet').css("color","#666");
         console.log("checked");
         $('.lagerstatus #kortet_text').focusin(function() {
             if($('.lagerstatus #kortet_text').val()== 'Skriv din text på kortet') {
             $('.lagerstatus #kortet_text').val('');
             }
         });
         $('.lagerstatus #kortet_text').focusout(function() {
             if($('.lagerstatus #kortet_text').val() == '') {
             $('.lagerstatus #kortet_text').val('Skriv din text på kortet').css("color","#666");
             }
         });
     }
     else  {
     $('.lagerstatus #kortet_text').hide();
     }
 });

---

有一个类似的jQuery插件，名为inputHints。我将占位符属性与javascript一起用于尚不支持占位符的浏览器

语法与前面提到的插件非常相似，但是这个插件在github上可用，所以每个人都可以免费提供帮助。我成功地使用了它

---

看起来我有点晚了，但您只需在输入元素中使用属性占位符即可。已经添加了一段时间了

以下是语法：

<input placeholder="text">

我在寻找输入的提示文本，而不是工具提示！！：）@乒乓球：然后你应该编辑你的问题，以澄清你实际上在寻找什么。雷米的脚本很棒，但你需要添加$input。attr（'value'）！==未定义）使模糊效果在IE7中工作。当启用模糊时，文本将告诉用户文本框的内容，但在启用聚焦时，文本将被删除！我相信这就是占位符文本。好吧，对不起，我不懂“提示文本”。没人懂…；）

<input placeholder="text">