入力フォーム

コード

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