タイトルの通り、ドロップダウンメニューを表示させましょう。
<select>タグを使います。
<select name="値">
<option value="値">表示させるもの</option>
</select>
各項目は<option>タグを使用します。
項目数の分だけ<option>タグを書きます。
サンプルコードの実行結果はこちら
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>ドロップダウンメニューをPHPと組み合わせて表示する</title> <link rel="stylesheet" href="../style.css"> </head> <body> <?php $ken = array("東京","神奈川","大阪","千葉","埼玉"); ?> <form> <select name="ken"> <?php foreach( $ken as $name => $value ){ echo "<option value={$value}>{$value}</option>"; } ?> </select> </form> </body> </html> |
上記のコードでは、ドロップダウンメニューを表示しました。
メニューの項目数を指定すると、リストボックスで表示できます。
<select name="値" size="値">
<option value="値">表示させるもの</option>
</select>
サンプルコードの実行結果はこちら
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>ドロップダウンメニューをPHPと組み合わせて表示する</title> <link rel="stylesheet" href="../style.css"> </head> <body> <?php $ken = array("東京","神奈川","大阪","千葉","埼玉"); ?> <form> <!-- size="数字"で項目数を表します。 --> <select name="ken" size="5"> <?php foreach( $ken as $name => $value ){ //optionタグで項目を表します。 echo "<option value={$value}>{$value}</option>"; } ?> </select> </form> </body> </html> |