プログラミング バックエンド

【Xampp】htmlファイルの
ボタンクリック→ソースコードが表示されてしまう...

スポンサーリンク

 

実装したい事

Xamppを使って、htmlファイルからsubmitで値を送信し、別のphpファイルで値を受け取りたい

【エラー事象】htmlファイル内に定義されている<form>タグの送信ボタンをクリックすると、ソースコードがそのまま表示される。

送信フォームのソースコードは以下になります。

<!-- ソースコード -->
<h2>Practice</h2>
<form action="input_do.php" method="post">
<textarea name="memo" cols="50" rows="10" placeholder="自由にメモを残してください">
</textarea><br>
<!--input type=submitでもよいが、拡張性はない-->
<button type="submit">登録する</button>
</form>


登録するをクリックすると...

 

ソースコードがそのまま表示されてしまう

【原因①】パスの指定ミス

フロントエンド(html,css,js)だけの確認であれば、「xxx.html」ファイルをクリックで開いても正しく表示されるが、phpを使用する場合は以下のように指定する必要がある

誤:file:///C:/xampp/htdocs/startphp/section4/index.html
正:http://localhost/startphp/section4/index.html

【原因②】XamppのApache設定がOFFになっている

当たり前ですが、Apacheが起動していないと、phpは動作しません。
独学でやっていると、こういうミスに気づきにくかったりするので念のため載せておきます。

スポンサーリンク

-プログラミング, バックエンド
-, ,

© 2021 エンジニア×ライフハック Powered by AFFINGER5