今日のお勉強 ☆ メニューのフィールド表示

  

★ ホームページを作ってみよう �� ★

 

テーマ （ ＳＥＬＥＣＴ ）

 タ  グ  の  記  述  （ 要 素　属 性 ＝ ”属 性 値 ”） 

　　基　本　の　記　述

 ＜ ＳＥＬＥＣＴ　ＮＡＭＥ ＝ ”メニューの名前 ”　ＳＩＺＥ ＝ ”フィールドの高さ（行数）＞

 ＜ ＯＰＴＩＯＮ　ＶＡＬＵＥ ＝ ”メニューの内容 ”　ＳＥＬＥＣＴＥＤ ＞

　　　　メニューのテキスト（内容）＜ ／ ＳＥＬＥＣＴ ＞

 　

 

 ★　要　素　・・・　メニューの設定 （ ＳＥＬＥＣＴ ）

　　　　　　　　　　　個別の項目の設定　（ ＯＰＴＩＯＮ ）

 

 ★　属　性　・・・　メニューの名前　（ ＮＡＭＥ ）

　　　　　　　　　　　フィールドの高さ（行数）（ ＳＩＺＥ ）

　　　　　　　　　　　常に表示される内容の設定 （ ＳＥＬＥＣＴＥＤ ）

　　　　　　　　　　　個別の項目の内容 （ ＶＡＬＵＥ ）

 

 ★　属 性 値　・・・　フィールドの高さの行数 （ 何行にするかの数字 ）

　　　　　　　　　　　　メニューのテキストの内容が分かるものを指定 （ 半角英数字 ）　　　　　　

 　※　指定した行数より選択項目が多くなった場合は、スクロールバーが表示されます

 

　※　＜ ＯＰＴＩＯＮ ＞タグに、属性のＳＥＬＥＣＴＥＤを加えると、加えた選択肢は、

　　　指定した行数よりも選択項目が多くなった場合でも、常にメニュー欄に表示される

　　　状態になります

　　　どの＜ ＯＰＴＩＯＮ ＞タグにもこのＳＥＬＥＣＴＥＤを指定しない場合は

　　　一番最初の内容が表示されます

　　　下記の実践では、一番下のキウイフルーツに「 ＳＥＬＥＣＴＥＤ 」を指定したので

      常に「キウイフルーツ」が表示されることになります 

 

 ≪ メニューのフィールド表示 ≫

　実際に試してみました

 

　★　フィールドの高さ（行数）を「５」にして、フルーツの名前で作ってみました

 

 <select name="fruit" size="5">

 <option value="ichigo">イチゴ

 <option value="suika">スイカ

 <option value="mikan">ミカン

 <option value="banana">バナナ

 <option value="momo">モモ

 <option value="budou">ブドウ

 <option value="ringo">リンゴ

 <option value="kiui" selected>キウイフルーツ

 </select>