input - 超过 1 行

Question

我<input type="textarea" />很难让我的行数超过 1 行，

我尝试在 html 中添加属性，就像你对这样的正常情况所做的<textarea></textarea>那样：<input type="textarea" rows="x" cols="x" />

我什至尝试在 CSS 中做到这一点，但它不起作用。我已经在互联网上搜索了一个解决方案，但我似乎无法在任何地方找到关于我的确切问题的主题。

我正在经历的文本区域在这个网站上： Vilduhelst

当您按下“Lav dit eget dilemma”按钮时，它们会出现。

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

Answer 1

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

​&lt;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

“输入”标签不支持行和列属性。这就是为什么最好的选择是使用带有 rows 和 cols 属性的 textarea。您仍然可以添加“名称”属性，并且还有一个有用的“包装”属性，可以在各种情况下很好地服务。