← クエスト一覧

クエスト36:フォームの基礎

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🌐 HTML & CSS / Quest 36 / 50

クエスト36:フォームの基礎

発展 +10 XP
🏠
今回の課題
名前と年齢を入力できるフォームを作ろう!
📖 解説を見る
📝 HTMLフォームを作ろう!

  • <input type="text">:テキスト入力
  • <label>:ラベル
  • <button>:ボタン
ヒントを見る
input に type, name, placeholder 属性をつけよう!
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 3 正解 レッスンに戻る

全問正解でクエストクリア!

未挑戦

問題 1: メールアドレス入力欄を追加しよう!(自由回答)

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
未挑戦

問題 2: ボタンのホバー色を変えよう!(自由回答)

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
未挑戦

問題 3: パスワード入力欄を追加しよう!(自由回答)

🖼 プレビュー
実行結果
実行できたよ!
もう一度チャレンジ!
コピーしました!