CRLF的占位符不适用于Firefox

时间:2015-01-22 07:57:01

标签: javascript jquery firefox placeholder

(里面的例子和代码)我有一个大的textarea,它包含CRLF的占位符。我用jquery 实现了它(因为html 5的规范在占位符中拒绝了CRLF)。但它在Firefox中并不起作用。有任何建议如何解决这个问题?

var placeholder = "1111 \n 2222 example.";
 $('textarea.span12').attr('placeholder', placeholder);
        $('textarea.span12').focus(function () {
            if ($(this).val() === placeholder) {
                $(this).attr('placeholder', '');
            }
        });

        $('textarea.span12').blur(function () {
            if ($(this).val() === '') {
                $(this).attr('placeholder', placeholder);
            }
        });  

工作示例: http://jsfiddle.net/q8kuoa25/

1 个答案:

答案 0 :(得分:3)

占位符属性

<input><textarea>元素上的占位符属性向用户提供了可在字段中输入内容的提示。 占位符文字不得包含回车符或换行符。

来源:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms_in_HTML

所以不幸的是,我认为这不可能是原生的。但是,您可以将占位符文本放在textarea的值中。您可以删除焦点上的文本,因此它就像一个占位符。

示例:http://jsfiddle.net/pdXRx/535/