Menu
CoddyTech

まとめ:フォームの基本

CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 40/60。

challenge icon

チャレンジ

簡単

以下の画像のような HTML ドキュメントを作成してください。

ラベルと入力欄のペアを3組含めてください。

  1. テキスト入力欄に関連付けられた、テキストが「Full Name:」のラベルを作成します。入力欄の name は "fullname"、プレースホルダーは「Enter your full name」にしてください。
  2. テキスト入力欄に関連付けられた、テキストが "Email:" のラベルを作成します。入力欄の name は "email"、プレースホルダーは「Enter your email」にしてください。
  3. パスワード入力欄に関連付けられた、テキストが「Password:」のラベルを作成します。入力欄の name は "userpassword"、プレースホルダーは「Enter your password」にしてください。この入力欄の最大文字数を20文字に設定してください。

各ラベルと入力欄のペアがそれぞれ別の行に表示されるように、ペアの間に <br> を入れてください。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを書いてください -->
    </body>
</html>

基礎のすべてのレッスン

自分で練習してみよう: Webプレイグラウンド