復習課題 フォームからの送信
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>12月18日復習課題:リストボックスメニュー</title> </head> <body> <?php $product = array("鉛筆","消しゴム","定規","コンパス","ボールペン"); ?> <h2>商品の選択</h2> <form> <select name="product" size="5"> <?php foreach ($product as $name => $value){ print "<option value={$value}>{$value}</option>\n"; } ?> </select> <input type="submit" value="送信" /> </form> <?php print('「'.htmlspecialchars($_REQUEST['product'],ENT_QUOTES).'」をお買い上げいただきました。'); ?> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>課題:12月18日</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ line-height: 2; } #content{ margin: 30px; } h1{ font-size: 18px; } dt{ font-weight: bold; font-size: 16px; } ul{ list-style-type: none; } li{ float: left; margin: 0 20px 0 5px; } p{ float: left; } </style> </head> <body> <div id="content"> <form action="kadai_checkbox1218_2.php" method="get"> <h1>12月18日 復習課題</h1> <dl> <dt>商品のご選択</dt> <dd> <ul> <li> <input type="checkbox" id="product_1" name="product[]" value="鉛筆" /><label for="product_1">鉛筆</label></li> <li> <input type="checkbox" id="product_2" name="product[]" value="消しゴム" /><label for="product_2">消しゴム</label></li> <li> <input type="checkbox" id="product_3" name="product[]" value="定規" /><label for="product_3">定規</label></li> <li> <input type="checkbox" id="product_4" name="product[]" value="コンパス" /><label for="product_4">コンパス</label></li> <li> <input type="checkbox" id="product_5" name="product[]" value="ボールペン" /><label for="product_5">ボールペン</label></li> </ul> </dd> </dl> <input type="submit" value="送信" /> </form> <p style="margin-top: 20px"> <?php foreach ($_REQUEST['product'] as $product){ print ('「'.htmlspecialchars($product, ENT_QUOTES).'」をお買い上げいただきました。<br>'); } ?> </p> </div> </body> </html>
cssがうまくいってないせいか、『「ボールペン」をお買い上げいただきました。』がどうしても右に寄ってしまう。。
php、まだ何も見ずに入力できず・・・