オプションようそ
option要素とは？
option element
別名：optionタグ、オプション要素
select要素の中に一つずつの選択肢を作るHTML要素。
option要素の意味
画面に見せる文字と、送信する値を分けて指定できます。
どんな場面で使う？
Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
身近な例
「東京都」と表示し、送信値を「tokyo」にします。
何を押さえればいい？
役割
select要素の中に一つずつの選択肢を作るHTML要素。
理解の深さ
基本の意味に加えて、関連する用語との役割の違いまで押さえると理解が深まります。
確認の視点
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
似た言葉・関連する言葉との違い
「option要素」はselect要素の中に一つずつの選択肢を作るHTML要素ものです。一方、「select要素」は候補の中から項目を選ぶHTML要素ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。
使うとき・学ぶときの注意
きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。
option要素についてのQ&A
Qoption要素をひと言でいうと？
Aselect要素の中に一つずつの選択肢を作るHTML要素。
Qoption要素はどの言葉と一緒に覚えるとよい？
A「select要素」、「name属性」、「フォーム」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。
ほかの言葉も調べてみませんか？
用語一覧へ戻る