ラジオボタン、チェックボックス、プルダウンを選択済みにする属性一覧

ラジオボタン、チェックボックス、プルダウンを選択済みにする属性一覧

HTMLフォーム(form)のinput要素であるラジオボタン(radio)、チェックボックス(check)、プルダウン(select)は、デフォルトで選択されている状態にするための属性があります。
それぞれの属性は以下から。

ラジオボタン

<h4>性別</h4>
 <input type="radio" name="性別" value="男性" checked="checked" />男性&nbsp;&nbsp;
 <input type="radio" name="性別" value="女性" />女性

チェックボックス

<h4>趣味</h4>
<input type="checkbox" name="趣味" value="スポーツ" />スポーツ&nbsp;
<input type="checkbox" name="趣味" value="音楽" />音楽&nbsp;
<input type="checkbox" name="趣味" value="旅行" checked="checked" />旅行&nbsp;
<input type="checkbox" name="趣味" value="映画" />映画

プルダウン

<h4>年齢</h4>
<select name="好きな果物">
	<option>～20代</option>
	<option selected="selected">30代</option>
	<option>40代</option>
	<option>50代</option>
	<option>60代～</option>
</select>

実際の表示

上記コードは実際には下記の様に表示されます。

関連記事