带有 CRLF 的占位符在 Firefox 中不起作用

Question

（示例和内部代码）我有一个很大的文本区域，其中包含带有 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/

Answer 1

占位符属性

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

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

所以不幸的是，我认为这不能在本地完成。但是，您可以将占位符文本放在文本区域的值中。您可以删除焦点上的文本，使其充当占位符。

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

带有 CRLF 的占位符在 Firefox 中不起作用

placeholder with CRLF don't work in Firefox

javascript

jquery

firefox

placeholder