multiline html textarea

Question

我的表单继承了几种css样式,而textarea的默认显示只有一行 - 如果你输入一个段落,它将不会换行但继续走同一行.如何强制它回到多行输出？我在HTML中设置了"rows"和"cols"属性,但它似乎没有做任何事情.

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都能正常工作,但textarea中只有一行文字,垂直居中(Chrome和Safari).

编辑:显然我需要刷新我的HTML-- <input type="textarea">应该是<textarea>

Answer 1

@ macaroon5,你<input />在这里滥用元素.你想得到的是

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

这是一个例子