HTML表單與PHP進行資料互動

乞力馬紮羅的雪CYF發表於2015-09-27

     HTML一般在前臺頁面與使用者進行互動,後臺可以使用PHP搭建伺服器,實現資料的處理。現在我們來實現使用前臺的表單獲取使用者輸入,PHP進行後臺處理後返回給使用者資訊。

(1)需要搭建PHP環境和伺服器,請參考我的前三篇部落格《Mac如何安裝XAMPP》《Eclipse配置PHP開發環境》《第一個PHP程式——Hello World》。

(2)PHP程式碼實現如下:

<?php
echo "使用者名稱:".$_GET['name']."<br>密碼:".$_GET['password'];

(3)獲取PHP伺服器的連結地址,也就是你執行程式後的連結地址,比如我的是:http://localhost/MyPHPServer/Server.php     

等下在HTML中訪問PHP會用到。

(4)HTML表單程式碼實現如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表單與PHP互動</title>
</head>
<body>

    <form action="http://localhost/MyPHPServer/Server.php" method="get">
        使用者名稱:<input type="text" name="name"><br/>
        密  碼:<input type="password" name="password"><br/>
        <input type="submit" value="提交">

    </form>

</body>
</html>

(5)然後執行HTML程式碼,輸入使用者名稱和密碼。


(6)然後就會跳轉到另一個頁面,該頁面的資訊就是PHP返回的資料:


(7)這樣,HTML與PHP的通訊就成功了。可以看到我們是使用GET方式進行通訊的,我們也可以使用POST進行通訊,只要在HTML和PHP中同時修改即可。


github主頁:https://github.com/chenyufeng1991  。歡迎大家訪問!

相關文章