<Input type="textarea" /> 中超过 1 行答案

【问题标题】：More than 1 row in <Input type="textarea" /><Input type="textarea" /> 中超过 1 行
【发布时间】：2012-10-16 20:27:16
【问题描述】：

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

我尝试在 html 中添加属性，就像使用普通的 <textarea></textarea> 一样：<input type="textarea" rows="x" cols="x" />

我什至尝试在 CSS 中做到这一点，但没有成功。我在整个互联网上搜索了解决方案，但我似乎无法在任何地方找到关于我的确切问题的主题。

我遇到的文本区域在这个网站上： Vilduhelst

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

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

【问题讨论】：

您需要使用元素。作为参考，这是输入元素的所有有效类型，HTML 5 <a href="/default/index/tourl?u=aHR0cDovL3d3dy53My5vcmcvVFIvaHRtbC1tYXJrdXAvaW5wdXQuaHRtbA%3D%3D" rel="nofollow" target="_blank">w3.org/TR/html-markup/input.html</a> 上的新类型
标签用于单行文本框，你不能让它多行。为此使用而不是 <input>
天哪，这真的是问题吗？我问过我的主机管理员，他是专业的开发人员，就这件事征求意见，他不知道出了什么问题-.-
That's not valid HTML。它部分工作，因为它默认为input type='text'。

标签： input textarea rows lines

【解决方案1】：

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

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

【讨论】：

我尝试使用标签，但它提供了不同的前端输出方式，我想我更愿意了解它为什么不起作用，以及可以做些什么这行得通。而不是仅仅使用另一个解决方案并稍微编辑 css。
我不确定“textarea”是<input> 属性“type”的有效值@ textarea 标签是我一直使用的。无论如何它有什么问题？它在这里渲染得很好：jsfiddle.net/tLWrP
你是对的，我只是将它更改为并按应有的方式呈现。当我昨天尝试时，输出却完全不同。
可能是标签名称中的拼写错误，或者可能是不正确的属性值。很好用！
input type='textarea' is not valid HTML。它部分工作，因为它只是默认为input type='text'，因此 OP 最初只看到一行。

【解决方案2】：

虽然<input> 忽略了rows 属性，但您可以利用<textarea> 不必在<form> 标记内，但仍然可以通过引用表单的编号：

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

当然，<textarea> 现在出现在“提交”按钮下方，但也许你会找到重新定位它的方法。

【讨论】：

感谢您提供如何使用它的示例！

【解决方案3】：

正如 Sparky 在 cmets 中对这个问题的许多答案所说，没有input 标签的 type 属性的任何 textarea 值.

另一方面，以下标记无效：

<input type="textarea" />

浏览器将其替换为 default ：

<input type="text" />

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

<textarea></textarea>

更多详情请见the textarea element documentation。

【讨论】：

【解决方案4】：

“input”标签不支持 rows 和 cols 属性。这就是为什么最好的选择是使用带有 rows 和 cols 属性的 textarea。你仍然可以添加一个“name”属性，还有一个有用的“wrap”属性，它可以在各种情况下很好地发挥作用。

【讨论】：