編碼的世界 / 優質文選 / 文明

HTML表單與PHP進行數據交互

2022年7月10日
-   

     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  。歡迎大家訪問！

熱門文章