【HTML】textareaタグ内のclosとrowsの指定がブラウザごとに異なった表示する問題

テキスト入力をするエリアを表示する場合、HTMLでtextareaタグを使用する。
textareaタグの属性clos(横幅)、rows(縦幅)でエリアを指定する。

しかしclosとrowsを指定すると、ブラウザによって異なった表示をする問題が発生する。

<form>
	<textarea cols="30" rows="5" >
		テキストエリア
	</textarea>
</form>

【出力結果】

この問題はtextarea自体に横幅と高さを指定してあげる事で解決できる。

<form>
	<textarea cols="30" rows="5" style="width: 240px; height: 60px;">
		テキストエリア
	</textarea>
</form>

【出力結果】

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>