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

Question

输入可以设置占位符，但如果用户专注于该输入，占位符就会消失，我如何才能消除占位符，让用户以更少的一个字符开始输入？谢谢。

Answer 1

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

现场 fiddle :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'));
    }
});

注意:存在一个限制，如果用户将一些文本粘贴到框中，它不会被清除，但您也可以通过绑定(bind)到更改事件来轻松修复该问题。这只是一个演示