溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關PHP如何實現與Web頁面交互，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
插入表單
提交表單之前一定得有表單，當我們的表單創建完畢后可以將表單插入Web頁中，代碼如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在普通的Web頁中插入表單</title>
<style type="text/css">
body,td,th {
font-size: 12px;
}
</style>
</head>
<body>
<form action="demo_1.php" method="post" name="form1" enctype="multipart/form-data">
<table width="405" height="24" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
<tr bgcolor="#FFCC33">
<td width="103" height="25" align="right">商品名稱：</td>
<td height="25" align="left"><input name="product" type="text" id="user" size="20" maxlength="100"></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">市場：</td>
<td height="25" colspan="2" align="left"><input name="from" type="radio" value="海外" checked>
海外
<input type="radio" name="from" value="國內">
國內</td>
</tr>
<tr bgcolor="#FFCC33">
<td width="103" height="25" align="right">編號：</td>
<td width="289" height="25" colspan="2" align="left"><input name="code" type="text" id="code" size="20" maxlength="100"></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">種類：</td>
<td height="25" colspan="2" align="left"><select name="select">
<option value="電器">電器</option>
<option value="家具">家具</option>
<option value="化妝品">化妝品</option>
<option value="圖書" selected>圖書</option>
<option value="服飾">服飾</option>
<option value="寵物">寵物</option>
<option value="計算機">計算機</option>
</select></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">商品圖片： </td>
<td height="25" colspan="2" align="left"><input name="photo" type="file" size="20" maxlength="1000" id="photo"></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">商品描述： </td>
<td height="25" colspan="2" align="left"><textarea name="intro" cols="28" rows="3" id="info"></textarea></td>
</tr>
<tr align="center" bgcolor="#FFCC33">
<td height="25" colspan="3"><input type="submit" name="submit" value="提交">
<input type="reset" name="submit2" value="重置"></td>
</tr>
</table>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>>
</body>
</html>在HTML的<body>和</body>間添加一個表單。
運行結果：
獲取表單數據
表單數據的獲取主要有兩個鐘方式分別是POST()方法和GET()方法。
通過<form>表單的method屬性所指定。
使用POST方法提交表單
應用POST方法時，只需將<form>表單中的屬性method設置成POST即可。POST方法不依賴于URL，不會顯示在地址欄。POST方法可以沒有限制地傳遞數據到服務器，所有提交的信息在后臺傳輸，用戶在瀏覽器端是看不到這一過程的，安全性高。所以POST方法比較適合用于發送一個保密的（如信用卡號）或者容量較大的數據到服務器。
示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>PHP語言基礎</title>
</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
<table width="300" border="1" cellpadding="10" cellspacing="0">
<tr>
<td height="30">編號:
<input type="text" name="code" size="20"/>
<input type="submit" name="subimt" value="提交"/>
</td>
</tr>
</table>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
?>
</body>
</html>運行結果：
點擊提交按鈕后，我們發現地址欄不會顯示我們提交的參數。
使用GET方法提交表單
GET方法是<form>表單中method屬性的默認方法。使用GET方法提交的表單數據被附加到URL后，并作為URL的一部分發送到服務器端。在程序的開發過程中，由于GET方法提交的數據是附加到URL上發送的，因此，在URL的地址欄中將會顯示“URL+用戶傳遞的參數”。
將上面示例中的<form>表單中method屬性指定為get，運行程序后的結果如下：
點擊按鈕后地址欄會通過‘？'連接鍵值對，鍵值對以‘&'分隔。
PHP參數傳遞的常用方法
獲取表單數據，實際上就是獲取不同的表單元素的數據。<form>標簽中的name是所有表單元素都具備的屬性，即為這個表單元素的名稱，在使用時需要使用name屬性來獲取相應的value屬性值。
PHP參數傳遞的常用方法有三種：
$_POST[]全局變量
使用PHP的$_POST[]預定義變量可以獲取表單元素的值，格式為：
$_POST[name]
范例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>PHP語言基礎</title>
</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
<table width="300" border="1" cellpadding="10" cellspacing="0">
<tr>
<td height="30">編號:
<input type="text" name="code" size="20"/>
<input type="submit" name="subimt" value="提交"/>
</td>
</tr>
</table>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
$value=$_POST['code'];
echo "編號：".$value;
?>
</body>
</html>運行結果：
$_GET[]全局變量
PHP使用$_GET[]預定義變量獲取通過GET方法傳過來的值，使用格式為：
$_GET[name]
范例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"
/>
<title>PHP語言基礎</title>
</head>
<body>
<form action="index.php" method="get" name="form1" enctype="multipart/form-data">
<table width="300" border="1" cellpadding="10" cellspacing="0">
<tr>
<td height="30">編號:
<input type="text" name="code" size="20"/>
<input type="submit" name="subimt" value="提交"/>
</td>
</tr>
</table>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
$value=$_GET['code'];
echo "編號：".$value;
?>
</body>
</html>運行結果：
$_SESSION[]變量
使用$_SESSION[]變量可以獲取表單元素的值，格式為：
$_SESSION[name]
使用$_SESSION[]傳參的方法獲取的變量值，保存之后任何頁面都可以使用。但這種方法很耗費系統資源，建議讀者慎重使用。
案例
最后結合筆記中的第一個demo寫一個完整的案例：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在普通的Web頁中插入表單</title>
<style type="text/css">
body, td, th {
font-size: 12px;
}
</style>
</head>
<body>
<form action="demo_1.php" method="post" name="form1" enctype="multipart/form-data">
<table width="405" height="24" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
<tr bgcolor="#FFCC33">
<td width="103" height="25" align="right">商品名稱：</td>
<td height="25" align="left"><input name="product" type="text" id="user" size="20" maxlength="100"></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">市場：</td>
<td height="25" colspan="2" align="left"><input name="from" type="radio" value="海外" checked>
海外
<input type="radio" name="from" value="國內">
國內
</td>
</tr>
<tr bgcolor="#FFCC33">
<td width="103" height="25" align="right">編號：</td>
<td width="289" height="25" colspan="2" align="left"><input name="code" type="text" id="code" size="20"
maxlength="100"></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">種類：</td>
<td height="25" colspan="2" align="left"><select name="select">
<option value="電器">電器</option>
<option value="家具">家具</option>
<option value="化妝品">化妝品</option>
<option value="圖書" selected>圖書</option>
<option value="服飾">服飾</option>
<option value="寵物">寵物</option>
<option value="計算機">計算機</option>
</select></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">商品圖片：</td>
<td height="25" colspan="2" align="left"><input name="photo" type="file" size="20" maxlength="1000"
id="photo"></td>
</tr>
<tr bgcolor="#FFCC33">
<td height="25" align="right">商品描述：</td>
<td height="25" colspan="2" align="left"><textarea name="intro" cols="28" rows="3" id="info"></textarea>
</td>
</tr>
<tr align="center" bgcolor="#FFCC33">
<td height="25" colspan="3"><input type="submit" name="submit" value="提交">
<input type="reset" name="submit2" value="重置"></td>
</tr>
</table>
</form>
<?php
header("Content-Type:text/html; charset=gb2312");
if ($_POST[submit] != "") {
echo "商品清單：";
echo " <br><br>商品名稱：" . $_POST['product'];
echo " <br><br> 市場：" . $_POST[from];
echo " <br><br> 編號：" . $_POST['code'];
echo " <br><br> 種類：" .$_POST['select'];
$path = './upfiles/'. $_FILES['photo']['name'];
move_uploaded_file($_FILES['photo']['tmp_name'],$path);
echo " <br><br>商品圖片：" .$path;
echo " <br><br>商品描述：" .$_POST['intro'];
}
?>
</body>
</html>運行結果：
通過move_uploaded_file方法將圖片上傳到當前路徑下的upfiles文件夾中。
以上就是PHP如何實現與Web頁面交互，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
