2016-07-18 2 views
0

テキストエリアのサイズを64%に設定する必要がありますが、できません。あなたは私にこれを手伝ってもらえますか?あなたの助けをありがとう:htmlでtextareaのサイズを変更するには?

<!DOCTYPE html> 
<html> 
<body> 
<style> 
div.c18 {position: absolute;width:64%;left:18%} 
div.c7 {position:relative;overflow:hidden;left:18%;} 
</style> 


<div class="c7">OTHER</div> 
<div class="c18"> 
<input type="textarea"> 
</div> 
</br> 

</body> 
</html> 
+0

入力タイプが間違っています。これを試してください:http://www.w3schools.com/tags/tag_textarea.asp –

+0

助けてくれてありがとうございますが、%でサイズを設定することは可能ですか? – Nuisance

答えて

0

は子供<input>または<textarea>〜100%の幅を設定し、それが64%

<input type="text" style="width:100%"> 
である親を埋めるように、

これは明らかにスタイルシートルールに変更することができます

DEMO

+0

それは働いていて、私はあなたに感謝したいです:) – Nuisance

+0

それが応答を受け入れる自由に感じるのを助けた場合 – charlietfl

0

必要な行と列の数を追加する必要があります。

あなたはこのように行うことができます。

<textarea rows="10" cols="80"> 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non augue nec risus lobortis pulvinar. Mauris imperdiet orci vitae commodo condimentum. Nam molestie risus iaculis enim dictum egestas. Vivamus commodo mauris consectetur diam fringilla, ut tempor nulla volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla feugiat fringilla turpis in feugiat. In hac habitasse platea dictumst. Aenean laoreet orci et varius fermentum. 
 
</textarea>

0

代わりのコンテナに幅を与え、textareaに特定の幅を与えます。同様に:

CSS

#area { width: 50%; } 

HTML

<textarea id="area"> 
</textarea> 
0

すべてのテキストエリアの最初には、テキストエリアのHTMLタグ で使用しなければならないとし、高さと幅を与えることtextarea "rows"と "cols"プロパティが使用されます。以下のコードを参照してください。

<textarea rows="10" cols="80"></textarea> 
+0

'cols'を使って反応するのは難しい – charlietfl

+0

テキストエリアにIDまたはクラスを与え、それに基づいてCSSを与えます。 –

関連する問題