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属性的<{1}}属性没有任何type值input代码。

换句话说，以下标记无效：

<input type="textarea" />

浏览器会将其替换为默认：

<input type="text" />

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

<textarea></textarea>

有关详细信息，请参阅the textarea element documentation。

Answer 4

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

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

4 个答案: