セレクトメニュー <select>
Yahoo!ブックマークに登録
はてなブックマークに登録
livedoorに記事をクリップ| 一覧から１つ選ぶメニュー | |
|---|---|
| タグ |
<select name="名前"> <option value="送信文字" selected>文字1</option> <option value="送信文字">文字2</option> <option value="送信文字">文字3</option> <option value="送信文字">文字4</option> </select> |
| 見本 | |
| 解説 |
見本の横にある矢印をクリックするとメニューがでてきて１つ選択できます。 value="送信文字" が選んだ項目の転送データになります。 <option>文字</option> の 「文字」 部分がメニューに表示されます。 selected と書いておくと、最初に選択された状態になります。 メニューを選んでリンクさせる場合は、 ５・６年生にもわかるやさしいJavaScript の 「ドロップダウンメニューからリンクさせよう」の項目を参考にしてください。 |
| 複数を選択できるリストボックス | |
|---|---|
| タグ |
<select name="名前" size="数" multiple> <option value="送信文字" selected >文字1</option> <option value="送信文字">文字2</option> <option value="送信文字" selected>文字3</option> <option value="送信文字">文字4</option> </select> |
| 結果 | |
| 解説 |
size="数" で、段数を増やせます。 multiple と書くと、複数選択が可能になります。 キーボードの 「ctrl」 か 「shift」 を押しながら選択すると、複数選択が可能。 |
ＨＴＭＬ辞典
- CSS辞典はこちら
- 【 基本タグ 】
- HTMLタグ（全体）
- HEADタグ（効果）
- TITLEタグ（題名）
- METAタグ（支援）
- LINKタグ（関連）
- BODYタグ（内容）
- 【 文字タグ 】
- 字色・サイズ <font>
- 太字タグ <b>
- 斜体タグ <i>
- 下線タグ <u>
- 打ち消し線タグ <s>
- 大字タグ <big>
- 小字タグ <small>
- 等間隔タグ <tt>
- 上付タグ <sup>
- 下付タグ <sub>
- 強調太字 <strong>
- 強調斜体タグ <em>
- 文字移動 <marquee>
- 【 区切りタグ 】
- 改行タグ <br>
- 見出しタグ <h>
- 段落タグ <p>
- 引用文 <blockquote>
- スペース表示 <pre>
- 一本線タグ <hr>
- 中央表示 <center>
- 【 リンクタグ 】
- リンク用タグ <a>
- ページ内リンク <a>
- メール起動リンク <a>
- リンク色の変更 <a>
- 【 リストタグ 】
- マークリストタグ <ul>
- 数字リストタグ <ol>
- 用語説明タグ <dl>
- 【 画像タグ 】
- 画像表示タグ <img>
- 画像内リンク <img>
- 【 テーブル 】
- 枠組み・表 <table>
- レイアウト・配置
- 【 フレーム 】
- 分割フレーム <frame>
- 内側フレーム <iframe>
- 【 フォーム 】
- フォーム <form>
- １行入力 <input>
- パスワード <input>
- ラジオボタン <input>
- チェックボックス
- ファイル送信 <input>
- 隠しデータ <input>
- 選択フォーム <select>
- 文章入力 <textarea>
- 送信・リセット <input>
- 画像ボタン <input>
- 通常ボタン <input>
- 【 その他 】
- 範囲指定タグ <div>
- 範囲指定タグ <span>
- コメントタグ <!-- -->
