無料ホームページ作成!HTML
フォームのメニュー

無料ホームページ作成!HTML・フォーム
メニュー(SELECT,OPTION要素)

ホームページでフォームのメニューの作成

SELECT要素 (インライン)

select要素はメニューを作る要素です。<select>タグの中にメニューの項目を作る<option>タグを入れて使います。

OPTION要素 (インライン)

option要素はメニューの項目を作る要素です。<select>タグの中に入れて使います。

<select><option>タグの使い方

HTMLソース

<form action="url">
 <p>プルダウン式<br>
  <select name="mihon1">
   <option>1</option>
   <option>2</option>
  </select>
 </p>
 <p>リスト式<br>
  <select name="mihon2" size="2">
   <option>1</option>
   <option>2</option>
  </select>
 </p>
</form>
 
結果

プルダウン式

リスト式

プルダウン式が嫌であればsize属性で行数分の数を指定するとリスト式になります。

SELECT,OPTION要素で宣言できる属性

select専用
属性名 概要
name 文字 データの題名
size 数字 画面に表示する行数の指定
multiple multiple 項目を複数の選択が出来るように指定
tabindex 数字 tabキーで移動する順番の指定
option専用
属性名 概要
value 文字 サーバーに送信される値
selected selected 初めから選択される項目の指定

select要素のname属性は忘れないようにしましょう。

無料ホームページ作成!メニュー

HTML

基本

HEAD要素内

文章

画像

リンク

リスト

フォーム

グループ

フレーム

その他

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS