1. IDEA を開き、新しい HTML ファイルを作成します:
index01
us という名前を付けました。フォームのタイトル:
2. 次に、フォームを作成します:
まず、ユーザー名とパスワードを表示し、それぞれの名前を指定します(後述) 使用)
#ここでは、フォームの作成時に 2 つの属性を指定しました:
action: のサーバー アドレスを示します。フォーム送信;
メソッド: 送信を表現するには 2 つの方法があります、すなわち get と post (詳細は以下で説明します);
3. 次に、送信ボタンを挿入し、送信操作を実行します。 :
関連する推奨事項:「php 入門チュートリアル 」
コードは次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单与PHP的交互</title> </head> <body> <form action="" method="get"> 用户名:<input type="text" name="name"> 密 码:<input type="password" name="password"> <br/> <input type="submit" value="确认"> </form> </body> </html>
上図のように、ボタンを確認した後、アドレスバーで取得した名前とパスワードの値が空になっています(名前とパスワードはタグ挿入時に指定したname属性です);
この場合、フォームの 1 つは正常に作成されましたが、まだサーバーと対話していません。
4. 次に、サーバーと対話してサーバーを作成する必要があります;
Eclipse を開き、前に使用した Service.php を例にします。
#実行結果は Web ページ上の hello world 出力です
上記のように、実行結果のアドレスを HTML にコピーする必要がありますIDEA で作成するファイル フォームの action 属性で、このアドレスを通じてサーバーにアクセスすることを示します。
HTML ファイルを再度実行し、確認ボタンをクリックします。
実行結果が、実行中の PHP にジャンプします。これにより、PHP と HTML の間の最初の対話が完了します。
次に、PHP 環境のスクリプトを整理しましょう: Eclipse でスクリプトを次のように変更します:<?php echo "用户名:".$_GET['name']."<br>密码:".$_GET['password'];ここのコードは PHP の構文です。ここで、 . 文字列の接続を表します; $_get['name']: ここで使用される get メソッドは、HTML ではフォームを作成するときに get メソッドを使用するためです。ここでのパスワードは、HTML の対応する name 属性の値と一致します。 変更が完了したら、HTML を再度実行し、次のようにユーザー名とパスワードを入力します。
確認ボタンをクリックして送信します。結果は次のとおりです:
実行時に文字化けが表示されることがわかります。これは、文字セットの使用法の問題によるものです。調整する必要があります:
次のように Eclipse を入力します。文字セットを utf-8 に設定します。
実行します。 HTML ファイルを再度実行すると、次の結果が得られます:
詳細が表示されます。ユーザー名とパスワードを入力し、確認ボタンをクリックして操作を送信すると、ユーザー名とパスワードが表示されます。入力した内容はアドレスバーに表示されます。情報は次のとおりです:
これはユーザーの個人情報に対する脅威となります。次に、送信方法を変更してみます。以前は get を使用していましたが、今回は post に変更します。
まず、HTML の送信メソッドを post に変更します:
次に、Eclipse の PHP スクリプト言語の value メソッドを post に変更します:
もう一度実行します:
ここでは、ユーザー名とパスワードの情報がアドレス バーに表示されなくなっていることがわかります。これが 2 つの提出方法の違いであり、実際の申請プロセスでは区別する必要があります。
投稿は取得よりもはるかに安全です。また、アドレスの長さは長すぎることはできないため、get の長さには制限がありますが、post の長さには制限があります。 post メソッドはリソースの場所を特定できませんが、get メソッドはリソースの場所を特定できます。
以上がHTMLフォームをPHPに接続する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。