スキルテスト: その他のコントロール
このスキルテストの目的は、あなたがOther form controlsの記事を理解したかどうかを評価することです。
メモ: このページのインタラクティブエディターや、CodePen、JSFiddle、Glitchなどのオンラインエディターで解決策を試すことができます。
もし行き詰まったら、コミュニケーションチャンネルのいずれかに連絡してみてください。
その他のコントロール 1
「その他のコントロール」の最初の評価では、複数行のテキスト入力フィールドを作成してもらいます。
- 基本的な複数行テキスト入力を作成します。
- 指定された「コメント」ラベルと意味づけします。
- コメントを追加するために、入力に 35 列と 10 行の空間を与えます。
- コメントの長さは最大 100 文字です。
入力フィールドを作成するには、下記のエディターで HTML コードを更新してください。
この課題の開始点をダウンロードすると、自分のエディターやオンラインエディターで取り組むことができます。
その他のコントロール 2
それでは、ユーザーが指定された選択肢から好きな食べ物を選べるように、ドロップダウンセレクトメニューを実装してみましょう。
- 基本的なセレクトボックスの構造を作成します。
- 指定された "food" ラベルと意味づけします。
- リストの中で、選択肢を 2 つのサブグループ、"mains" と "snacks" に分割します。
メニューを作成するには、下記エディターで HTML コードを更新してください。
この課題の開始点をダウンロードすると、自分のエディターやオンラインエディターで取り組むことができます。
その他のコントロール 3
一連の最後の課題では、ほとんど同じ食品リストから始めます。しかし、今回は違うことをします。
- 指定されたラベルに意味づけされた基本的なテキスト入力を作成します。
- 食べ物の選択肢をフォーム入力と関連付けられるリストに入れます。
- 文字を入力すると、その文字列に一致するリストオプションが自動補完候補としてドロップダウンリストに指定されるように、リストをテキスト入力に関連付けます。
入力を作成するには、下記のエディターで HTML コードを更新してください。
この課題の開始点をダウンロードすると、自分のエディターやオンラインエディターで取り組むことができます。