スキルテスト: フォームの構築
このスキルテストの目的は、あなたがフォームの構築方法の記事を理解したかどうかを評価することです。
メモ: このページのインタラクティブエディターや、CodePen、JSFiddle、Glitchなどのオンラインエディターで解決策を試すことができます。
もし行き詰まったら、コミュニケーションチャンネルのいずれかに連絡してみてください。
フォームの構築 1
この課題では、指定されたフォーム機能を構築してください。
- 最初の 2 つと次の 2 つのフォームフィールドを 2 つの異なるコンテナーに区切り、それぞれに説明的な凡例を付けてください(最初の 2 つには "Personal details"、2 つ目には "Comment information" を使用してください)。
- 各テキストラベルを適切な要素でマークアップし、それぞれのフォームフィールドと意味づけしてください。
- ラベルとフィールドのペアの周りに適切な構造要素セットを追加して、それらを別個のものにしてください。
この課題の開始点をダウンロードすると、自分のエディターやオンラインエディターで取り組むことができます。