ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <option> タグ

4つの選択肢を持つドロップダウン・リスト:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<option> タグは、主要な全ブラウザがサポートしています。


定義と用法

<option> タグは、選択リストの選択肢を定義します。

<option> 要素は、<select> または <datalist> 要素内に置きます。


HTML 4.01 と HTML5 との相違点

HTML5では、<option> 要素は、新しい要素の <datalist> でも使用されます。


チップスと注意事項

注: <option> <option> タグは、属性なしでも使用することができますが、 通常、サーバへ送信する値を示す value 属性が必要です。

注: このタグは、<select> または <datalist> 要素と連携して使用してください。 これ以外は無意味です。


属性

属性 説明
disabled disabled 選択肢を無効にすることを指定する
label text 選択肢へ短いラベルを指定する
selected selected ページのロード時、選択肢を選択済みに指定する
value text サーバへ送信する選択肢の値を指定する

グローバル属性

<option> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<option> タグは、HTML5におけるイベント属性 もサポートします。