在<Input type =“textarea”/>中多于1行

我有麻烦让我的<input type="textarea" />有超过1行,

我尝试在html中添加属性,就像你用普通的<textarea></textarea>这样做: <input type="textarea" rows="x" cols="x" />

我甚至试图用CSS做,但没有奏效。 我在互联网上search了一个解决scheme,但我似乎无法find一个关于我的确切问题的任何地方的话题。

在这个网站上遇到的textareas: Vilduhelst

当你按下“Lav dit eget dilemma”button时,它们会出现。

我正在寻找HTML或CSS解决scheme。

为什么不使用<textarea>标签?

 ​<textarea id="txtArea" rows="10" cols="70"></textarea> 

尽pipe<input>忽略了rows属性,但是您可以利用<textarea>不必位于<form>标签内的事实,但仍然可以通过引用表单的id来成为表单的一部分:

 <form method="get" id="testformid"> <input type="submit" /> </form> <textarea form ="testformid" name="taname" id="taid" cols="35" wrap="soft"></textarea> 

当然, <textarea>现在出现在“submit”button的下方,但是也许你会find一个重新定位它的方法。

正如Sparky在对这个问题的许多答案的评论中所说的那样, input标签的type属性没有任何textarea值。

换句话说,下面的标记是无效的

 <input type="textarea" /> 

而且浏览器用默认值replace它:

 <input type="text" /> 

要定义多行文本input,请使用:

 <textarea></textarea> 

有关更多详细信息,请参阅textarea元素文档 。

“input”标签不支持行和列属性。 这就是为什么最好的select是使用带有行和列属性的textarea。 你仍然可以添加一个“名称”属性,也有一个有用的“包装”属性,可以在各种情况下很好地服务。