サイト制作
selectのmultipleとsizeの違い 複数選択と表示行数を分ける
2026-11-02
この記事には広告・アフィリエイトリンクが含まれます。
multipleは複数の選択を許す属性、sizeは表示する選択肢数の指定です。selectを大きく見せても複数選択にはならず、操作方法も環境によって異なります。
何個選べるかと何行見えるか
selectは候補から項目を選ぶフォーム部品です。multipleを指定すると複数選択ができます。sizeは表示する行数に関わる指定です。
sizeを大きくして縦に候補が並んでも、それだけで複数選べるわけではありません。見た目と選択のルールを分けて確認します。
操作方法が伝わる選択欄にする
複数選択の操作はOSやブラウザーによって異なります。修飾キーを使う方法に不慣れな人には、説明なしでは一つしか選べないと受け取られる場合があります。
項目数が少なく、一つずつ選択状態を確認したいなら、チェックボックスの方が伝わりやすい場面もあります。スペースだけで部品を選ばず、入力する人の操作を考えます。
選んだ値がすべて届くか確認
複数選択では同じnameに複数の値が対応します。表示できたら終わりではなく、送信先が一つだけ取り出していないかも確認してください。
ラベル、未選択時、必須条件、キーボード操作、スマートフォンでの表示も試します。複数選べるという案内と、保存された結果が一致していることが大切です。
