HTMLで一般的によく利用されるフォーム部品の一覧です。
| フォーム部品 | ソースコード | サンプル |
|---|---|---|
| ボタン | <input type="button" name="btn1" value="汎用ボタン"> <input type="reset" name="btn2" value="リセット" > <input type="submit" name="btn3" value="送信" > | |
| テキストボックス | <input type="text" name="title" size="20" maxlength="28" value="覚え書き.com JSPページ" /> | |
| パスワードボックス | <input type="password" name="passwd" size"20" maxlength="18" value="12345" /> | |
| ラジオボタン | <input type="radio" name="test" value="test1" checked="checked" />テスト1 <input type="radio" name="test" value="test2" />テスト2 <input type="radio" name="test" value="test3" />テスト3 | テスト1 テスト2 テスト3 |
| チェックボックス | <input type="checkbox" name="test" value="test1" checked="checked" />テスト1 <input type="checkbox" name="test" value="test2" />テスト2 <input type="checkbox" name="test" value="test3" checked="checked" />テスト3 | テスト1 テスト2 テスト3 |
| ドロップダウンメニュー | <select name="test"> <option value="test1" selected="selected">テスト1</option> <option value="test2">テスト2</option> <option value="test3">テスト3</option> </select> | |
| リストボックス | <select name="test" size="3" multiple="multiple"> <option value="test1" selected="selected">テスト1</option> <option value="test2">テスト2</option> <option value="test3">テスト3</option> </select> | |
| テキストエリア | <textarea name="txt" rows="5" cols="20">テキストエリア</textarea> | |
| 隠しフィールド | <input type="hidden" name="id" value="hogehoge" /> |
[…] 左から順にChrome、Firefox、IEのフォーム部品です（覚え書き.com様のキャプチャです） […]