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

自由が丘で働くWeb屋のブログ

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

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

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>

実際の表示

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

性別

男性  
女性

趣味

スポーツ 
音楽 
旅行 
映画

年齢

 
 
カテゴリー:Webシステム開発
タグ:
2012年9月3日 09時25分
 

関連記事

 

コメントを書く

This blog is kept spam free by WP-SpamFree.

(C) 自由が丘で働くWeb屋のブログ
Get Adobe Flash player