ホーム 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 <select> タグ

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

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


定義と用法

<select> 要素は、ドロップダウンリストを作成します。

<select> 要素内の <option> タグは、リストで使用する選択肢を定義します。


HTML 4.01 と HTML5 との相違点

HTML5 には、いくつかの新しい属性があります。


チップスと注意事項

チップ: The <select> 要素は、フォームコントロールで、 ユーザ入力を収集するため、フォームで使用することができます。


属性

New : HTML5 で新規追加。

属性 説明
autofocusNew autofocus ページのロード時に、ドロップダウンリストが自動的にフォーカスを取得することを指定する
disabled disabled ドロップダウンリストを無効にすることを指定する
formNew form_id select フィールドが属する1つ以上のフォーム定義する
multiple multiple 一度に選択することができる複数項目を指定する
name text ドロップダウン·リスト名を定義する
size number ドロップダウンリストに表示する選択肢の数を定義する

グローバル属性

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


イベント属性

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