扩展表单元素html

Question

我有div名为main，其父级宽度为100% width。 在#main我有input字段和textarea。

我可以展开input字段（宽度：100％），但如何对textarea进行相同操作？

Answer 1

这将解决它

<div style='width:100%'>
    <input type="text" style='width:100%' />
    <textarea style='width:100%'>Text Area!</textarea>
</div>

Answer 2

不要使用width属性。请改用css。您可以将样式放在单独的css文件中：

input, textarea { width: 100%; }

或者您可以将样式内联在元素中：

<input type="text" style="width: 100%" />
<textarea style="width: 100%"></textarea>

我推荐第一个选项，因为它允许您分离页面的样式。

Answer 3

我认为你尝试使用属性“width”来做到这一点。 你可以使用css轻松完成。 这是一个例子：

<div id="main">
<input name="test" style="width: 100%;"><br/>
<textarea name="bla" style="width: 100%;"></textarea>
</div>

Answer 4

根据我的未定，你可以提到textarea中的行数和列数，即

<textarea name="foo" rows="10" cols="10"></textarea> 

或使用CSS你可以为它指定一个类，然后在你的textarea中提到你想要的样式。

在你的HTML文件中写下这个：

<textarea class="foo"></textarea>

并在你的CSS文件中写下：

foo{
   width : 100%; or 100px;
   bockground-color : red; #its upto ur wish.
}

您可以使用以下两种方式之一