PHPでHTTPリクエストの確認とCSSで作った送信ボタン

HTTPリクエスがGETなのかPOSTなのか、はたまたDELETEなのか確認する方法を調べてみました。また、CSSとJavascript(jQuery)で送信ボタンを作成してみました。

<?php
 ?>
 <!DOCTYPE html>
 <html lang="ja">
 <head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <style>
 .submitButton:hover {
 background-color: #7f7f7f;
 color: #ffffff;
 }
 .submitButton {
 padding: 8px;
 margin: 8px;
 border: 2px solid #000000;
 width: 100px;
 height: 32px;
 font-size: 24px;
 text-align: center;
 }
 </style>
 <script>
 function submitForm1() {
 $('#form1').submit();
 }
 </script>
 <meta charset="UTF-8">
 <title>タイトル</title>
 </head>
 <body>
 <div  class="submitButton" onclick="submitForm1()">送信</div>
 <hr>
 <div><?php echo ($_SERVER["REQUEST_METHOD"]); ?></div>
 <form action="./submit.php" method="post" id="form1">
 </form>
 </body>
 </html>

ページにアクセスするとPOSTと表示された。

「送信」ボタンにマスカーソルを移動するとボタンの色が変更される。

送信ボタンを押すとPOSTと表示された。

コメント