< Input type = “ textarea”/> 中超过1行

我无法让我的 <input type="textarea" />超过一行,

我尝试在 html 中添加这些属性，就像您对一个普通的 <textarea></textarea>所做的那样: <input type="textarea" rows="x" cols="x" />

我甚至尝试在 CSS 中做它，但它不工作。我已经在网上搜索了所有的解决方案，但我似乎找不到一个主题，关于我的确切问题的任何地方。

我正在体验的文本区，在这个网站上: 维尔杜赫斯特

当你按下“ Lav dit eget 困境”按钮时，它们就会出现。

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

357949 次浏览

小开

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

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

小开

“ input”标记不支持 rows 和 protocol 属性。这就是为什么最好的替代方法是使用一个具有 rows 属性的 textarea。您仍然可以添加一个“ name”属性，并且还有一个非常有用的“ wraps”属性，它可以在各种情况下发挥很好的作用。

小开

尽管 <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>现在出现在“提交”按钮下面，但是也许您会找到一种方法来重新定位它。

小开

正如火花在对这个问题的许多答案的评论中所说的，没有的任何 textarea值都用于 input标签的 type属性。

换句话说，以下标记是无效:

<input type="textarea" />

然后浏览器用违约代替了它:

<input type="text" />

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

<textarea></textarea>

有关详细信息，请参阅元素文档。