← クエスト一覧

クエスト6:フォームを作ろう

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

クエスト6:フォームを作ろう

基礎 +10 XP
🏠
今回の課題
名前なまえ入力にゅうりょくするフォームと「送信そうしん」ボタンをつくろう!
📖 解説を見る
📝 フォームってなに

フォームは「文字もじ入力にゅうりょくしたりボタンをしたりする部品ぶひん」です。

✏️ よく使つかうタグ:
<input type="text" placeholder="ここに入力">
<button>送信</button>
<input type="checkbox"> チェックボックス

⚠️ ポイント:
placeholderうす表示ひょうじされるヒント文字もじ
type入力にゅうりょく種類しゅるいえられる(text / password / number)
ヒントを見る
<input type='text' placeholder='名前を入力'> と <button>送信</button> を書こう!
📄 見本
「答えを見る」を押すと、お手本のプレビューとコードが出ます。
💻 コードエディタ
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

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

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

未挑戦

問題 1: type="password"パスワードぱすわーどフォームを追加ついかしよう!(自由じゆう回答かいとう

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

問題 2: type="number"年齢ねんれい入力にゅうりょくするフォームをつくろう!(自由じゆう回答かいとう

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

問題 3: type="checkbox" を3つつくって「きなものアンケート」をつくろう!(自由じゆう回答かいとう

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