PHPのファイルがブラウザ上で表示されません。
当方、現在まではHTML & CSSのみ使用しておりました。
・PHPのインストール及び動作確認は済んでおります。
コマンド上にて
php -v
PHP 5.5.0 (cli) (built: Jun 19 2013 16:13:16)
Copyright (c) 1997-2013 The PHP Group
Zend Engine v2.5.0-dev, Copyright (c) 1998-2013 Zend Technologies
の文言が確認できました。
参考:https://webkaru.net/php/windows-php-confirmation/
・またApacheのインストール、動作確認も済んでおります。
http://localhost/ にて、"It works!"のメッセージが確認出来ました。
参考:https://webkaru.net/php/windows-apache-confirmation/
・拡張子が.htmlのままでもPHPファイルを読み込めるようにするため、
<FilesMatch "^php.html$">
AddType application/x-httpd-php .php .html
</FilesMatch>
こちらのコードを.htaccessに記述致しました(ファイル名は~php.htmlとしています)。
ですが、画像にありますように「年齢」等の箇所をクリックしても「選択してください」の文言しか表示されず、PHPで記述した部分(6-100歳までのオプション)が表示されません。
恐らくPHPの読み込みにどこかで失敗しているのだと思われるのですが、調べても対処の仕方が分かりませんでした。
PHPを使用できますよう、どなたかお知恵を拝借頂けましたら幸いです。
※今回使用致しましたコードは、テスト用として、プログラミング学習サイトで使ったものをそのまま引用しております。
PHP
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>Progate</title> 6 <link rel="stylesheet" type="text/css" href="stylesheet.css"> 7</head> 8<body> 9 <div class="header"> 10 <div class="header-left">Progate</div> 11 <div class="header-right"> 12 <ul> 13 <li>会社概要</li> 14 <li>採用</li> 15 <li class="selected">お問い合わせ</li> 16 </ul> 17 </div> 18 </div> 19 20 <div class="main"> 21 <div class="contact-form"> 22 <div class="form-title">お問い合わせ</div> 23 <form method="post" action="sent.php"> 24 <div class="form-item">名前</div> 25 <input type="text" name="name"> 26 27 <div class="form-item">年齢</div> 28 <select name="age"> 29 <option value="未選択">選択してください</option> 30 <!-- for文を用いて6歳から100歳までをoptionで選べるようにしましょう --> 31 <?php 32 for ($i = 6; $i <= 100; $i++) { 33 echo "<option value='{$i}'>{$i}</option>"; 34 } 35 ?> 36 </select> 37 38 <div class="form-item">お問い合わせの種類</div> 39 <?php 40 $types = array('Progateに関するお問い合わせ', 'Progateに対する意見', '採用に関するお問い合わせ', '取材・メディア関連のお問い合わせ', '料金に関するお問い合わせ', 'その他'); 41 ?> 42 <!-- この下にselectタグを書いていきましょう --> 43 <select name="category"> 44 <option value="未選択">選択してください</option> 45 <?php 46 foreach ($types as $type) { 47 echo "<option value='{$type}'>{$type}</option>"; 48 } 49 ?> 50 </select> 51 52 <div class="form-item">内容</div> 53 <textarea name="body"></textarea> 54 55 <input type="submit" value="送信"> 56 </form> 57 </div> 58 </div> 59 60 <div class="footer"> 61 <div class="footer-left"> 62 <ul> 63 <li>会社概要</li> 64 <li>採用</li> 65 <li>お問い合わせ</li> 66 </ul> 67 </div> 68 <div class="like-box"> 69 <iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FProgate%2F742679992421539&show_faces=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:300px;" allowTransparency="true"></iframe> 70 </div> 71 </div> 72</body> 73</html>
回答2件
あなたの回答
tips
プレビュー