(8/31まで)高価なキッチン用品が30日間試せる

入力フォーム

1行テキストボックス

コード
<div>
<label for="id-sample-textbox">1行テキストボックス</label>
<input id="id-sample-textbox" name="name-sample-textbox" type="text" size="30" value="入力済みテキスト">
</div>

テキストエリア

コード
<div>
<label for="id-sample-textarea">テキストエリア<br></label>
<textarea id="id-sample-textarea" name="name-sample-textarea" rows="5" cols="30">入力済みテキスト。rowsは行数。colsは1行あたりの文字数</textarea>
</div>

チェックボックス

コード
<div>
<label for="id-sample-checkbox" >チェックボックス</label>
<input id="id-sample-checkbox" name="name-sample-checkbox" type="checkbox" value="ON" checked >
</div>

プルダウンメニュー

コード
<div>
<label for="id-sample-pulldown">文字色</label>
<select id="id-sample-pulldown" name="name-sample-pulldown" size="1">
<option value="black">黒</option>
<option value="red" selected>赤</option>
<option value="white">白</option>
<option value="blue">青</option>
<option value="green">緑</option>
</select>

セレクトボックス

コード
<div>
<label for="id-sample-pulldown">文字色</label>
<select id="id-sample-pulldown" name="name-sample-pulldown" size="5">
<option value="black">黒</option>
<option value="red" selected>赤</option>
<option value="white">白</option>
<option value="blue">青</option>
<option value="green">緑</option>
</select>

セレクトボックス(複数選択)

コード
<div>
<label for="id-sample-pulldown">文字色</label>
<select id="id-sample-pulldown" name="name-sample-pulldown" size="5" multiple="3">
<option value="black">黒</option>
<option value="red" selected>赤</option>
<option value="white">白</option>
<option value="blue">青</option>
<option value="green">緑</option>
</select>