久々に帰ってきました。Java commonsに浮気していました。
気になる方は、見てください。
java apache commons
早速ですが、新人に向けた超簡単な初心者向け問題に行ってみたいと思います。
前回の72とほぼ同じで手抜きじゃないか!という声も聞こえてきそうな問題です。
繰返しが重要なんです。そう、繰返し行うことで覚えるのです。そう、覚えるのです。
GET、POSTなど、初心者にもわかる問題を出していきます。
簡単なので、是非挑戦してください。
PHPをWindowsで実行したいのであれば、XAMPP(ザンプ)をインストールすると、自分のPCでも簡単に動作させることが出来ます。
インストール方法は、以下のサイトから。
WINDOWS XAMPP にて LARAVEL をインストール (XAMPP V1.8.3インストール)
phpedu73.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>tech.pjin.jp HTML5 Template</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <div class="page-header"> <h1><i class="fa fa-check-square"></i> PHP問題73</h1> </div> <div class="jumbotron"> <?= htmlspecialchars(@$_POST['fruit']) ?>が選択されました。 </div> <form action="<?= $_SERVER['PHP_SELF'] ?>" method="POST"> <div class="row"> <div class="col-sm-offset-3 col-sm-6"> <div class="form-group"> <label>好きな果物</label> <div class="radio"><label><input type="radio" name="fruit" value="1">リンゴ</label></div> <div class="radio"><label><input type="radio" name="fruit" value="2">みかん</label></div> <div class="radio"><label><input type="radio" name="fruit" value="3">バナナ</label></div> <div class="radio"><label><input type="radio" name="fruit" value="4">パイナップル</label></div> </div> <button type="submit" class="btn btn-primary">送信</a> </div> </div> </form> </div> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>
※CSSには、Bootstrap、Font-Awesomeを利用しています。
※Javascriptには、jQuery1.11.3を利用しています。
問題:画面を表示し、選択欄のバナナを選択後、送信ボタンを押下しました。画面に表示される内容はどれか選択して下さい。(複数選択可)
- 2が選択されました。
- 3が選択されました。
- バナナが選択されました。
- みかんが選択されました。
正解:2.3が選択されました。
今回もPOSTの問題です。
さて、radioの問題です。よく質問がくるのです。そう、質問されると残念な感じがします。
バナナを選択して送信したら、バナナって出ないです!って。
そ、そうね。そうなんですよ。だから説明したじゃん。。。みたいな気分になったりします。
うそです。本当は、みんな頑張れ!って心のそこから思っています。←本当です。
まあ、さておき。
inputタグのtype属性にradioを指定しています。
サーバへ送信される値は、value属性に指定してあるものになる為、3が送信されます。
バナナを送信したい場合は、value="バナナ"
を指定するとバナナと送信されます。
大事です。とても。
解説も前回とほぼ一緒という手抜き加減と、Bootstrap4が発表されてから随分と経つのに、
テンプレートは3のままという感じでおおくり致しました。