2011-02-03 78 views
0

我有一個div調用main這是他父寬度的100% width。 在#main我有input字段和textarea展開表單元素html

我可以擴大input字段(寬度:100%),但如何做與textarea相同?

回答

2

不要使用width屬性。改用css。你可以把風格在一個單獨的css文件:

input, textarea { width: 100%; } 

,或者你可以把元素的風格的行內:

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

我推薦的第一選擇,因爲它可以讓你分開的風格這一頁。

+0

誠然,這裏是測試案例對於任何想看到它工作的人:http://jsfiddle.net/U98rQ/ :) – 2011-02-03 12:46:01

2

這將解決這個問題

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

我想你會嘗試使用屬性「寬度」。 你可以通過使用CSS來做到這一點。 下面是一個例子:

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

按我undestanding u能提textarea的行數和列數即

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

或使用CSS U可以指定一個類來,然後提風格的你想在你的textarea。

在烏拉圭回合的HTML文件中這樣寫:

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

,並在烏拉圭回合CSS文件中這樣寫:

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

您可以使用的兩種方法