<input> 标签的换行

Posted 2023-03-05

【中文标题】<input> 标签的换行

【英文标题】：Wrap line of <input> tag

【发布时间】：2017-03-16 16:54:13

【问题描述】：

我想在<input> 标签中包含一些文本。当我使用word-wrap: break-word 时，它不起作用。

【问题讨论】：

你是说占位符？你听说过 textarea 吗？

为什么不使用<textarea>？

@andreas 因为我的任务是用<input> 标签包装

它不允许换行...html.spec.whatwg.org/multipage/…

【参考方案1】：

由于specification，无法在输入字段中换行：

没有换行符的文本

相反，您将不得不使用<textarea>（因为它是用于换行的文本输入元素），例如：

<textarea rows="10" cols="30"></textarea> 

【讨论】：

最好参考官方规范：w3.org/TR/html5/forms.html#the-input-element

对！更新了答案。谢谢！