【HTML】フォームの項目を「必須入力」に設定する方法

2020-04-08

フォームの項目を「入力必須」に設定する方法について、記載します。

「必須項目を入力しないと怒る女の子」

使用される項目

Webサイトにお問い合わせフォームを実装する際、送信者とやりとりを行うため、最低でも「名前」「連絡先」「お問い合わせ内容」は入力必須の項目に設定しておく必要があります。

HMTLにて入力必須の項目に設定することで、利用者が「送信」ボタンを押した際に埋まっていない場合は送信を取りやめ、ブラウザごとにアラートを出してくれるようになります。

サンプル

空のまま送信を押してみてください

方法

HTMLにて、必須項目に設定したい要素(「input」や「textarea」など)に「required」の属性を追記すればOKです。

下記、記述例となります。

<input type="text" required>

なお、requiredの後に「=○○」の記述は必要ありません。

以上となります。