在textarea的占位符属性内插入换行符？

  • Z时代
  • 2024-01-10
  • 分类：问答

我尝试了几种方法，但是都没有用。有谁知道解决这个问题的妙招？

<textarea placeholder='This is a line \n this should be a new line'></textarea>
<textarea placeholder='This is a line     
should this be a new line?'></textarea> <!-- this works in chrome apparently -->

更新：在chrome中不起作用。只是文本区域的宽度。

回答：

您可以做的是将文本添加为value，这要注意换行符\n。

$('textarea').attr('value', 'This is a line \nthis should be a new line');

然后，您可以将其移除，focus然后将其重新应用（如果为空）blur。像这样

var placeholder = 'This is a line \nthis should be a new line';
$('textarea').attr('value', placeholder);
$('textarea').focus(function(){
    if($(this).val() === placeholder){
        $(this).attr('value', '');
    }
});
$('textarea').blur(function(){
    if($(this).val() ===''){
        $(this).attr('value', placeholder);
    }    
});

不是纯CSS也不 干净， 但是可以解决问题。

以上是 在textarea的占位符属性内插入换行符？ 的全部内容， 来源链接： utcz.com/qa/399389.html

回到顶部