フォーム要素を展開するhtml

Question

mainという親の幅のdivがあります。 #main私はinputフィールドとtextareaを持っています。

inputフィールド（幅：100％）を展開できますが、textareaと同じようにするにはどうすればよいですか？

Answer 1

width属性を使用しないでください解決します。代わりにcssを使用してください。

input, textarea { width: 100%; } 

たり、要素にスタイルをインラインで置くことができます：あなたは別のCSSファイルでスタイルを置くことができる

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

それはあなたがのスタイルを分離することができますので、私は最初のオプションをお勧めしますページ。

Answer 2

これは

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

Answer 3

属性「幅」を使用して試してみると思います。 cssを使用すると簡単に実行できます。ここで は例です：私のundestanding 1として

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

Answer 4

uはuは、スタイルのそれにクラスを指定して言及することができます

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

やCSSを使用して、すなわち、テキストエリアの行と列の数に言及することができますあなたはテキストエリアで欲しい。

ウルHTMLファイルでは、このように書きます：

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

とウルCSSファイル内

が、これは書く：

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

あなたは