如何在输入文本占位符中添加HTML换行符

时间:2018-04-27 03:40:48

标签: html css twitter-bootstrap

我想在输入文本占位符中添加换行符。

git --no-pager diff
git --no-pager log --oneline --graph --decorate --all -n 10

我试过

<div class="form-group">
    <input type="text" class="form-control ph" id="" placeholder="Qualification Education Background *">
</div>

但它不起作用。有人帮我实现这个目标吗?

3 个答案:

答案 0 :(得分:0)

您可以尝试定位标签文本而不是占位符属性,并在点击或焦点(使用js)时隐藏它以清除输入。

答案 1 :(得分:0)

您可以做的是将文本添加为​​值,该值取决于换行符\ n。

A2 = 2018-01-15 23:59:59

然后你可以在焦点上移除它并将其应用于模糊

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

答案 2 :(得分:0)

输入不能达到多行,所以如果你想输入multyline使用textarea。在textarea的占位符中使用html实体 -

进行换行
&#10;

例如:

<div class="form-group">
 <textarea class="form-control ph" id="" 
 placeholder="Qualification &#10;Education &#10;Background *"></textarea>
</div>