HTMLでinputを必須にする

こんにちは!

とびろぐ管理人のとびうおです!

本日は、HTMLでinputを必須にする方法というので解説していきます!

結論

結論としては、

<input required>

または、

<input required="required">

とすると、必須になります!

とびうお
とびうお

必須の項目はこんな感じで簡単に作れます!

さらに…

それだけですと、文字もなにも表示されないので、以下のようにしっかりとlabelをつけてあげるとよいでしょう!

<span style="color: red; font-size: 0.8em;">*必須</span>
とびうお
とびうお

このように必須という文字をつけると
ユーザーに必須だよ!というのがわかりやすくて良いと思います!

HTMLでinputを必須にする

まとめ

HTMLでformに必須をつける方法について紹介しました!

こんな形で、簡単に作れるので、ぜひ作ってみましょう!

とびうお
ブログ管理人です!
swimaneというアプリをリリースしました!

コメント

タイトルとURLをコピーしました