Question

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

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

谢谢:)）

Answer 1

HTML5在文本框中引入了placeholder属性。请在此处阅读：http://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-placeholder

现场演示： http://jsfiddle.net/simevidas/8mTLY/

目前适用于Chrome，Safari和Opera Firefox 4应该添加对此的支持（请确认）不幸的是，似乎IE9没有实现这一点。

Answer 2

编辑：好的，我不明白“提示文字”，对不起。

$(function() {
    $('.question_box').focus(function() {
        if ($(this).val() == 'Blablabla')
            $(this).val('');
    });

    $('.question_box').blur(function() {
        if($(this).val() == '')
            $(this).val('Blablabla');
    });

}

Answer 3

“jquery hint text”的第一个Google结果是this plugin，看起来就像你想要的那样。

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

Answer 4

jquery autocomplete怎么样？

Answer 5

使用 jQuery 1.5.1 和 jQuery UI 1.8.9 ，以及来自 的工具提示代码将是什么样的jQ UI 1.9 ： http://jsfiddle.net/JAAulde/XpbGh/1/

修改似乎在我发布时你添加了关于你想要什么的信息，这不是它。

Answer 6

这是我用于实现帮助文本或占位符的项目的功能。我希望有人会发现它很有用。

 $(' #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();
     }
 });

Answer 7

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

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

http://robvolk.com/jquery-form-input-hints-plugin/

https://github.com/robvolk/jQuery.InputHints/

Answer 8

看起来我有点迟了但你可以简单地在输入元素中使用属性占位符。它已经添加了一段时间了！

这是语法：

<input placeholder="text">

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

8 个答案: