テキスト入力
CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 36/60。
HTMLにおいて、テキスト入力は、ユーザーがテキストを入力できるフォームフィールドを作成するために使用されます。テキスト入力にはさまざまなタイプがあり、それぞれが異なる種類のテキストベースのデータ向けに設計されています。最も一般的なタイプは単一行のテキスト入力で、type属性を"text"に設定した<input>タグを使用して作成されます。
HTMLでテキスト入力を作成するための基本的な構文は次のとおりです。
<input type="text" name="fieldname"><input>: 入力フィールドを定義するタグです。type="text": 入力タイプをテキストとして指定する属性です。name: 入力フィールドに名前を付ける属性で、フォーム送信時にデータを識別するために使用されます。
注:
inputは特別なタグであり、閉じタグを必要としません！
チャレンジ
簡単以下のテキスト入力フィールドを含むフォームを持つHTMLドキュメントを作成してください：
- nameが “firstname” のテキスト入力。
- nameが “lastname” のテキスト入力。
チートシート
テキスト入力は、type="text"を指定した<input>タグを使用して作成されます：
<input type="text" name="fieldname">type="text"：入力タイプをテキストとして指定しますname：フォームが送信されるときにデータを識別します
注意： <input>は自己終了タグであり、終了タグを必要としません。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを記述してください -->
</body>
</html>
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
