リクワイアドぞくせい
required属性とは？
required attribute
入力を必須にするHTMLの設定。
required属性の意味
対応する入力欄が空のまま送信されるのを、ブラウザが止めてくれます。
どんな場面で使う？
Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
身近な例
返信に必要なメールアドレス欄を必須にします。
何を押さえればいい？
役割
入力を必須にするHTMLの設定。
理解の深さ
まずは「何をするものか」と具体例を結び付けて覚えれば十分です。
確認の視点
見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。
似た言葉・関連する言葉との違い
「required属性」は入力を必須にするHTMLの設定ものです。一方、「バリデーション」は入力したデータが正しいか確認することものです。役割を分けて考えると、二つのつながりを理解しやすくなります。
使うとき・学ぶときの注意
きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。
required属性についてのQ&A
Qrequired属性をひと言でいうと？
A入力を必須にするHTMLの設定。
Qrequired属性はどの言葉と一緒に覚えるとよい？
A「バリデーション」、「input要素」、「フォーム」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。
ほかの言葉も調べてみませんか？
用語一覧へ戻る