このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

textarea”要素~“cols”属性

記事Sep.24th, 2020
入力欄の横幅を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

cols”属性について

cols”属性はtextarea”要素で表される入力欄の横幅を指定する属性です。

cols”属性の値は入力欄の1行に表示するべき文字数で指定します。

cols”属性を省略した場合の既定値は“20”です。

ユーザーが入力したテキストが入力欄の横幅を超える場合はテキストは折り返して表示されます。wrap”属性の値が“hard”である場合は送信される入力値にも入力欄の端にあたる箇所に改行が挿入されます。

入力欄の横幅はスタイルシートのwidth”プロパティでも指定することができます。width”プロパティでの横幅の指定は“cols”属性よりも優先されます。

また、多くのブラウザではユーザーの操作により入力欄の横幅を“cols”属性で指定した横幅から変更できます。

指定できる値

属性値 説明
正の整数 入力欄が表示できる文字数

サンプルコード

<form method="post" action="sample-textareatag1.php" target="_blank">
<fieldset>
<p>
<label>
猫が好きですか?:
<textarea name="comment" rows="5" cols="30"></textarea>
</label>
</p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク