スキルテスト: フォームの構築

このスキルテストの目的は、あなたがフォームの構築方法の記事を理解したかどうかを評価することです。

メモ: このページのインタラクティブエディターや、CodePenJSFiddleGlitchなどのオンラインエディターで解決策を試すことができます。

もし行き詰まったら、コミュニケーションチャンネルのいずれかに連絡してみてください。

フォームの構築 1

この課題では、指定されたフォーム機能を構築してください。

  1. 最初の 2 つと次の 2 つのフォームフィールドを 2 つの異なるコンテナーに区切り、それぞれに説明的な凡例を付けてください(最初の 2 つには "Personal details"、2 つ目には "Comment information" を使用してください)。
  2. 各テキストラベルを適切な要素でマークアップし、それぞれのフォームフィールドと意味づけしてください。
  3. ラベルとフィールドのペアの周りに適切な構造要素セットを追加して、それらを別個のものにしてください。

この課題の開始点をダウンロードすると、自分のエディターやオンラインエディターで取り組むことができます。