1个多行(More than 1 row in <Input type=“textarea”

2019-07-02 17:38发布

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

我试图在HTML添加属性,如你将与正常做<textarea></textarea>是这样的: <input type="textarea" rows="x" cols="x" />

我甚至试图做到这一点在CSS,但没有奏效。 我已经搜索所有在互联网上的一个解决方案,但我似乎无法找到任何地方对我的确切问题的话题。

我与遇到此的文字区域,此网站: Vilduhelst

当您按下“拉芙DIT eget两难”按钮就会出现。

我在寻找一个或者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的值type的属性input标签。

在其他方面,下面的标记是无效的

<input type="textarea" />

而浏览器被默认替换它:

<input type="text" />

要定义一个多行文本输入,使用方法:

<textarea></textarea>

textarea元素文档,了解更多详情。



Answer 4:

“输入”标签不支持行列数属性。 这就是为什么最好的选择是使用具有行和cols属性的文本区域。 你还可以添加一个“name”属性,也有一个有用的“包装”的属性,它可以在各种情况下,服务非常好。



文章来源: More than 1 row in