根据文档宽度调整HTML文本区域的大小

Question

我需要一种方法来根据整个页面的宽度调整textarea的大小。我有一个div位于它旁边，宽度为40％，我希望我的textarea占据页面的其余部分。我知道我不能只说<textarea width="60%"...>，因为textarea没有width属性。有没有办法告诉textarea占用相对数量的空间？

Answer 1

您可以使用CSS指定textarea宽度。 http://jsfiddle.net/stevelove/uFDB4/

Answer 2

再次使用CSS。但是使用外部 CSS：

的style.css

#teh-div {
    width:500px;
}
#teh-div textarea {
    width:65%;
}

document.html

<div id="teh-div"><textarea ></textarea></div>

Answer 3

把它放在另一个div中。这很简单，也会奏效。

<div id="textareaWrapper" style="width:'60%'"><textarea>text</textarea></div>

Answer 4

Textarea没有宽度元素，但您可以使用CSS来定义textarea的宽度。您可以使用以下代码执行此操作。

<div style="width: 500px;"><textarea style="width: 65%;"></textarea></div>

在上面的代码中，div的宽度为500 px，文本区域的宽度为div的宽度的65％。