HTML表單與PHP進行資料互動
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 。歡迎大家訪問!
相關文章
- PHP與Python進行資料互動PHPPython
- HTML 互動式表單驗證HTML
- Servlet實現、與html的簡單互動ServletHTML
- (資料科學學習手札93)利用geopandas與PostGIS進行互動資料科學
- C++ 與 QML 之間進行資料互動的幾種方法C++
- 在meteor中使用支付,以及與伺服器進行資料互動伺服器
- 疫情期間,您所在企業是如何與客戶進行互動的?(附原資料表)
- 與Linux進行基礎互動Linux
- PHP進階,使用互動模式進行快速測試實驗?PHP模式
- 基於PHP的超炫酷HTML5互動式圖表PHPHTML
- HTML表單標籤詳解:如何用HTML標籤打造互動網頁?HTML網頁
- H5與安卓/IOS進行原生互動H5安卓iOS
- linux sed如何與檔案進行互動Linux
- 利用 Native.js 實現 Android 與 HTML 資料的互動JSAndroidHTML
- HTML5接入與OC互動HTML
- iOS 與JS Html常見互動iOSJSHTML
- Hive 與 ElasticSearch 的資料互動HiveElasticsearch
- Android與WebView資料互動AndroidWebView
- Ajax概述,封裝以及聯合模板引擎進行資料互動封裝
- 利用js解析php的表單資料JSPHP
- 與低層次互動活動相比,深層次互動活動的參與頻率更高(附原資料表)
- php與ethereum客戶端互動PHP客戶端
- HTML之 表單與輸入HTML
- 13 Android與HTML5互動AndroidHTML
- php 建立頁面表單並進行增刪改查PHP
- python與mysql資料庫互動PythonMySql資料庫
- SqlSugar與資料庫互動官網SqlSugar資料庫
- 資料互動
- React使用axios的post方式和後端進行資料互動ReactiOS後端
- 基礎篇——html與php聯動HTMLPHP
- Silverlight與HTML雙向互動HTML
- 【unity2022與html互動】UnityHTML
- RN與原生互動(二)——資料傳遞
- [乾貨]資料互動與本地儲存
- HTML————15、HTML 表單HTML
- 單執行緒的JS如何實現多個互動同時進行執行緒JS
- HTML表單HTML
- iNeuOS工業互聯平臺,機床&PLC硬體閘道器與平臺無縫對接,進行資料互動