如果用户选择输入文本,并且输入值为空字符串,我可以保留占位符吗?

时间:2011-04-30 04:42:27

标签: javascript jquery css placeholder

输入可以设置占位符,但是如果用户专注于该输入,占位符就会消失,如何解除占位符,使用用户启动类型少于一个char?谢谢。

2 个答案:

答案 0 :(得分:1)

不是默认行为。但是,您可以通过在混合中添加一些JS来实现。

活小提琴:http://jsfiddle.net/jomanlk/gPBhX/

<input type='text' class='placeholder' data-title='hello'>

$('.placeholder').each(function(){
    $(this).data('placeholder', $(this).attr('data-title'));
    $(this).val($(this).attr('data-title'));
});

$('.placeholder').live('keydown', function(){
    if ($(this).val() == $(this).data('placeholder')) {
        $(this).val('');         
    } 
});

$('.placeholder').live('blur', function(){
    if ($(this).val().trim() == '') {
        $(this).val($(this).data('placeholder'));
    }
});

注意:如果用户将某些文本粘贴到框中它将无法清除,则存在一个限制,但您也可以通过绑定到更改事件轻松修复该文本。这只是一个演示

答案 1 :(得分:0)

使用placeholder属性,您不能。