【HTML Living Standard】size属性の使い方
size属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
sizeプロパティは、HTML要素の表示上の大きさを指定するためのプロパティです。これは主に<input>要素と<select>要素で使用されます。
<input>要素においては、type属性が"text"、"email"、"search"、"tel"、"url"、"password"などのテキスト入力フィールドで、入力欄の表示幅（文字数）を指定します。例えば、<input type="text" size="30">と記述すると、おおよそ30文字分の幅を持つ入力フィールドが画面に表示されます。この値は、ユーザーが入力可能な文字数の上限を定めるmaxlength属性とは異なり、あくまで見た目の表示幅を制御するものですので、混同しないよう注意が必要です。
一方、<select>要素では、一度に表示される選択肢の行数を指定します。<select size="5">と指定すると、通常のドロップダウンリストではなく、リストボックスのように5つの選択肢が同時に表示され、スクロールによって他の選択肢も選択できるようになります。この機能は、多くの項目の中からユーザーが効率的に選択したい場合に有効です。
sizeプロパティには、いずれの場合も正の整数値を指定します。このプロパティを活用することで、入力フィールドや選択リストの表示をユーザーにとってより見やすく、操作しやすい形に調整できます。Webページのレイアウトやユーザビリティを考慮する上で、基本的な調整機能の一つとして活用されます。
公式リファレンス: HTML attribute: size
構文(syntax)
1<input type="text" size="数値">
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません