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

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

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

我试过了

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

---

但它不起作用。有人能帮我做到这一点吗？

您可以尝试定位标签文本而不是占位符atribute，并在单击或聚焦时隐藏它（使用js）以清除输入。

您可以尝试定位标签文本而不是占位符atribute，并在单击或聚焦时隐藏它（使用js）清除输入。

您可以将文本添加为值，这与换行符有关\n

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

然后，您可以在焦点上移除它，并在模糊上应用它（如果为空）

---

您可以做的是将文本作为值添加，这与换行符有关\n

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

然后，您可以在焦点上移除它，并在模糊上应用它（如果为空）

---

输入不能超过一行，因此如果要使输入多行，请使用textarea。要在textarea的占位符中换行，请使用html实体-




例如：

---

输入不能超过一行，因此如果要使输入多行，请使用textarea。要在textarea的占位符中换行，请使用html实体-




例如：

使用

或

不呈现HTML<代码>不呈现HTML，但可以有多行。具有可编辑内容的元素可以呈现HTML，但您可能需要使用一些JS来模拟占位符。@newlearner，@zer00ne我只需要输入文本，因为

或

不呈现HTML<代码>

不呈现HTML，但可以有多行。具有

contenteditable

的元素可以呈现HTML，但您可能需要使用一些JS来模拟占位符。@newlearner，@zer00ne我只需要处理输入文本我只需要使用输入文本我只需要使用输入文本我很抱歉。不工作抱歉，但你必须使用textarea。正如我所说，输入只能有一行。如在placeholer中，如在文本本身中。实体将用于文本区域。不工作抱歉，但你必须使用textarea。正如我所说，输入只能有一行。如在placeholer中，如在文本本身中。该实体将用于textarea