【エクササイズ】HTMLのフォーム作成の復習

課題

課題内容は以下の課題レポジトリのURLに記述しています。

課題レポジトリ

課題解決するために参考になる資料

HTMLのフォームがどのようにして作られているのか、先に概要を学ぶことで、この記事以降のタグごとの解説がより理解していただけるかと思います。

inputタグを使うことで、1行のテキスト入力や、パスワード入力が出来ることを学びました。

また、type属性の値を変更することで、チェックボックスやラジオボタンなど異なる機能を実装することも出来ることを学習しました。

formタグを使うことで、データの送り先や、データ送信時に使うHTTPメソッドを切り替えられることを学びました。

labelタグを使うことで、入力フォームのキャプションを付けたり、inputタグなどと連携することで、labelタグのテキストをクリックしても、フォーカスがあたるようになることを学びました。

フォームバリデーション機能を使うことで、ユーザーの入力の不備や、不正な項目を事前に防ぐことが出来るということを学びました。

selectタグとoptionタグを組み合わせることで、ドロップダウン型の選択ボックスを作成することが出来ることを学びました。

textareaタグを利用することで、「<input type=”text”>」とは異なり、複数行入力できるようになることを学びました。(「<input type=”text”>」だと1行入力しか出来ません。)

課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。

お問い合わせ・TwitterのDMのどちらでも受けて受けています。TwitterのDMのほうが早く気づけるので早めに返信できるかと思います。

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか？

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。