<Input type ="textarea"/>中的一行以上

Question

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

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

我甚至试图在CSS中做到这一点,但它没有用.我在互联网上搜索了一个解决方案,但我似乎找不到任何关于我确切问题的话题.

我正在经历的textareas,在这个网站上: Vilduhelst

当您按下"Lav dit eget dilemma"按钮时,它们将出现.

我正在寻找HTML或CSS解决方案.

Answer 1

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

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

Answer 2

虽然<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>现在出现在"提交"按钮下面,但也许你会找到一种方法来重新定位它.

Answer 3

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

换句话说,以下标记无效:

<input type="textarea" />

浏览器将默认替换它:

<input type="text" />

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

<textarea></textarea>

见的textarea的元素文档,了解更多详情.

Answer 4

"input"标记不支持rows和cols属性.这就是为什么最好的选择是使用带有行和列属性的textarea.您仍然可以添加"名称"属性,并且还有一个有用的"换行"属性,可以在各种情况下很好地发挥作用.