10歳から70歳までを選べる、ドロップダウンボックス
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>10歳から70歳まで選べる、ドロップダウンボックスを表示する</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="wrap"> <div id="head"> <h1>10歳から70歳まで選べる、ドロップダウンボックスを表示する</h1> </div> <div id="content"> <div style="margin-top: 200px"> <form action="sample07a.php" method="get"> <dl> <dt>年齢</dt> <dd> <select name="age" id="age"> <?php for ($i=10; $i<=70; $i++) { print('<option value="' . $i . '">' . $i . '歳</option>'); } ?> </select> </dd> </dl> <input type="submit" value="送信する"> </form> </div> </div> </div> </body> </html>
選択した年齢を表示させる
- sample07a.phpを作成
《HTML》
<form action="sample07a.php" method="get">
《PHP》
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>10歳から70歳まで選べる、ドロップダウンボックスを表示する</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="wrap"> <div id="head"> <h1>10歳から70歳まで選べる、ドロップダウンボックスを表示する</h1> </div> <div id="content"> <div style="margin-top: 200px"> <dl> <dt>年齢</dt> <dd> <?php print ('あなたは'.htmlspecialchars($_REQUEST['age']).'歳ですね。'); ?> </dd> </dl> </div> </div> </div> </body> </html>
while文で書き換える
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>10歳から70歳まで選べる、ドロップダウンボックスを表示する</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="wrap"> <div id="head"> <h1>10歳から70歳まで選べる、ドロップダウンボックスを表示する</h1> </div> <div id="content"> <div style="margin-top: 200px"> <form action="sample07a.php" method="get"> <dl> <dt>年齢</dt> <dd> <select name="age" id="age"> <?php $i = 10; while ($i <= 70) { print('<option value="' . $i . '">' . $i . '歳</option>'); $i++; } ?> </select> </dd> </dl> <input type="submit" value="送信する"> </form> </div> </div> </div> </body> </html>