「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

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" />

Ads by Google

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">