多行 html 文本区域

Question

我的表单继承了几种 css 样式，文本区域的默认显示只有一行——如果您键入一个段落，它不会换行，而是继续在同一行中。如何强制它返回多行输出？我已经在 HTML 中设置了“行”和“列”属性，但它似乎没有做任何事情。

HTML 是高度嵌套的，但实际的输入元素是：

 <input name="input47" type="textarea" rows="3" cols="10" />

我试过的 CSS 是：

 body form ol.sections li ol.prompts li ol.entries li ol.inputs li input[type=textarea] {
  height: 500px !important;
  white-space: normal !important;
}

无论我是否使用 !important ，500px 都有效，但文本区域中只有一行文本，垂直居中（Chrome 和 Safari）。

编辑：显然我需要重温我的 HTML– <input type="textarea"> 应该是 <textarea>

原文由 macaroon5 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您在这里滥用了 <input /> 元素。你想要得到的是

 <textarea name="input47" rows="3" cols="10">
        Your multiline text is here.
    </textarea>

原文由 spliter 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

请注意，除了行和列之外，您还可以设置高度和宽度，这会影响它。可能是您设置了行，但 css 属性高度覆盖了它。

原文由 mkk 发布，翻译遵循 CC BY-SA 3.0 许可协议