トップページ > HTMLタグリファレンス > <OPTION>

★HTMLタグリファレンス

<OPTION> …… セレクトボックスの選択肢を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

<OPTION>は セレクトボックス(<SELECT>~</SELECT>)の選択肢を指定するタグです。 <OPTION>タグ1つにつき、1つの選択肢となります。

フォームの部品としてデータが送信される際には、 <SELECT>タグのname属性で付けたデータ名と、 選択された<OPTION>のvalue属性の値を一組にして、 <FORM>タグのaction属性で指定したサーバー上のファイルに、 <FORM>タグのmethod属性で指定した転送方法で送られます。

selected属性を指定すると、あらかじめその選択肢が選択された状態になります。 また、disabled属性を指定すると、その選択肢が選択できなくなります。

■使用例

HTMLソース

<form action="cgi-bin/formmail.cgi" method="post">
<p>星座:<br>
<select name="horoscope">
<option value="Aries">おひつじ座</option>
<option value="Taurus">おうし座</option>
<option value="Gemini">ふたご座</option>
<option value="Cancer">かに座</option>
<option value="Leo" selected>しし座</option>
<option value="Virgo">おとめ座</option>
<option value="Libra">てんびん座</option>
<option value="Scorpio" disabled>さそり座</option>
<option value="Saggitarius">いて座</option>
<option value="Capricorn">やぎ座</option>
<option value="Aquarius">みずがめ座</option>
<option value="Pisces">うお座</option>
</select></p>
<input type="submit" value="送信"><input type="reset" value="リセット">
</form>
↓↓↓

ブラウザ上の表示

星座:

■HTML5情報

<option> …… セレクトボックスや入力候補リストの選択肢を指定する

▲ページ先頭へ
トップページ > HTMLタグリファレンス > <OPTION>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ