【HTML】フォームの項目を「必須入力」に設定する方法
フォームの項目を「入力必須」に設定する方法について、記載します。
使用される項目
Webサイトにお問い合わせフォームを実装する際、送信者とやりとりを行うため、最低でも「名前」「連絡先」「お問い合わせ内容」は入力必須の項目に設定しておく必要があります。
HMTLにて入力必須の項目に設定することで、利用者が「送信」ボタンを押した際に埋まっていない場合は送信を取りやめ、ブラウザごとにアラートを出してくれるようになります。
サンプル
空のまま送信を押してみてください
方法
HTMLにて、必須項目に設定したい要素(「input」や「textarea」など)に「required」の属性を追記すればOKです。
下記、記述例となります。
<input type="text" required>
なお、requiredの後に「=○○」の記述は必要ありません。
以上となります。