-
テキスト入力: ユーザーがテキストを入力するための基本的な入力フィールドです。
<input type="text" name="username" placeholder="ユーザー名" />
-
パスワード入力: パスワードを入力するためのフィールドで、入力内容が隠されます。
<input type="password" name="password" placeholder="パスワード" />
-
チェックボックス: ユーザーが複数のオプションから選択できるようにします。
<input type="checkbox" name="interest" value="programming" /> プログラミング <input type="checkbox" name="interest" value="design" /> デザイン
-
ラジオボタン: ユーザーが複数のオプションから1つだけ選択できるようにします。
<input type="radio" name="gender" value="male" /> 男性 <input type="radio" name="gender" value="female" /> 女性
-
ドロップダウンリスト: ユーザーがリストから選択できるようにします。
<select name="country"> <option value="japan">日本</option> <option value="usa">アメリカ</option> <option value="uk">イギリス</option> </select>
-
テキストエリア: 複数行のテキストを入力するための領域を提供します。
<textarea name="message" rows="4" cols="50" placeholder="メッセージを入力してください"></textarea>
これらは一部の一般的な入力タイプの例ですが、HTMLには他にも多くの入力タイプがあります。ウェブサイトの要件に応じて適切な入力タイプを選択し、必要な属性を追加してください。