久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx

詳解之一：PHP與Web頁面的交互示例

前言

創新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站設計、網站建設、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的永濟網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

這篇筆記記錄的是Web表單的相關操作，Web表單主要用來在網頁中發送數據到服務器。比如在日常開發中，提交注冊時需要提交表單，表單從客戶端傳送到服務器，經過服務器處理后，再將用戶所需要的信息傳遞回客戶端，進而實現PHP與Web表單的交互。

相關學習推薦：php編程（視頻）

表單

使用<form>元素，并在其中插入相關的表單元素，即可創建一個表單。

表單結構：

<form name="form_name" method="method" action="url" enctype="value" target="target_win">
…      //省略插入的表單元素
</form >

form標記的屬性如下表：


form標記的屬性說明name表單名稱method設置表單的提交方式，GET或者POST方法action紙箱處理該表單頁面的URLenctype設置表單內容的編碼方式target設置返回信息的顯示方式
表單（form）由表單元素組成。常用的表單元素有以下幾種標記：輸入域標記<input>、選擇域標記<select>和<option>、文字域標記<textarea>等。

輸入域標記<input>

輸入域標記<input>是表單中最常用的標記之一。常用的文本框、按鈕、單選按鈕、復選框等構成了一個完整的表單。
語法格式如下：

<form>
<input name="file_name" type="type_name">
</form>

參數name是指輸入域的名稱，參數type是指輸入域的類型。在<input type="">標記中一共提供了10種類型的輸入區域，用戶所選擇使用的類型由type屬性決定。

下面舉幾個type屬性例子:

1、text

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">文本框：</td>
  <td height="25" align="left"><input name="user" type="text" value="Bill" id="user" size="20" maxlength="100"></td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行效果：

name為文本框的名稱，value是文本框的默認值，size為文本框的寬度，maxlength為文本框的輸入字符數，可以通過id獲取文本框的值。

2、password

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">密碼域：</td>
  <td height="25" align="left">
  <input name="pwd" type="password" value="1234567" id="password" size="20" maxlength="100">
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

密碼域，用戶在該文本框中輸入的字符將被替換為*顯示，以起到保密作用。

3、file

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">文件域：</td>
  <td height="25" align="left">
  <input name="file" type="file" enctype="multipart/form-data" id="upfile" size="20" maxlength="200">
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

文件域，當文件上傳時，可以用來打開一個模式窗口來選擇文件。然后將文件通過表單上傳到服務器，上傳文件時需要指明表單的屬性enctype=”multipart/form-data”才可以實現上傳功能。

4、image

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">圖像域：</td>
  <td height="25" align="left">
  <input name="image" type="image" src="btn__details_praise_selected.png" id="img" width="40" height="40" border="0">
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行效果：

圖像域是指可以用在提交按鈕位置上的圖片，這副圖片具有按鈕的功能

5、radio

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">單選按鈕：</td>
  <td height="25" align="left">
    <input name="sex" type="radio" value="1" checked>男
    <input name="sex" type="radio" value="0" >女
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

單選按鈕，用于設置一組選擇項，用戶只能選擇一項。checked屬性用來設置該單選按鈕默認被選中。

6、checkbox

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">復選框：</td>
  <td height="25" align="left">
    <input name="checkbox" type="checkbox" value="1" checked>蘋果
    <input name="checkbox" type="checkbox" value="1" checked>小米
    <input name="checkbox" type="checkbox" value="1" >三星
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

復選框，允許用戶選擇多個選擇項。checked屬性用來設置該復選框默認被選中。

7、submit

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">提交按鈕：</td>
  <td height="25" align="left">
    <input name="submit" type="submit" value="提交">
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

將表單的內容提交到服務器端

8、reset

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">重置按鈕：</td>
  <td height="25" align="left">
    <input name="reset" type="reset" value="重置">
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

清除與重置表單內容，用于清除表單中所有文本框的內容，并使選擇菜單項恢復到初始值。

9、button

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">普通按鈕：</td>
  <td height="25" align="left">
    <input name="button" type="button" value="注冊">
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

按鈕可以激發提交表單的動作，可以在用戶需要修改表單時，將表單恢復到初始的狀態，還可以依照程序的需要發揮其他作用。

10、hidden

<input type="hidden" name="信息">

隱藏域，用于在表單中以隱含方式提交變量值。隱藏域在頁面中對于用戶是不可見的，添加隱藏域的目的在于通過隱藏的方式收集或者發送信息。



選擇域標記<select>和<option>

通過選擇域標記<select>和<option>可以建立一個列表或者菜單。菜單的使用是為了節省空間，正常狀態下只能看到一個選項，單擊右側的下三角按鈕打開菜單后才能看到全部的選項。列表可以顯示一定數量的選項，如果超出了這個數量，會自動出現滾動條，瀏覽者可以通過拖動滾動條來查看各選項。

語法格式如下：

<select name="name" size="value" multiple>
<option value="value" selected>選項1</option>
<option value="value">選項2</option>
<option value="value">選項3</option>
…
</select>

參數name表示選擇域的名稱；參數size表示列表的行數；參數value表示菜單選項值；參數multiple表示以菜單方式顯示數據，省略則以列表方式顯示數據。

1、列表方式

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">喜歡哪種編程語言：</td>
  <td height="25" align="center" >
    <select name="name" id="code">
      <option value="1" selected>Java語言</option>
      <option value="2">C語言</option>
      <option value="3">JS語言</option>
      <option value="4">PHP語言</option>
    </select>
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

下拉列表框，通過選擇域標記<select>和<option>建立一個列表，列表可以顯示一定數量的選項，如果超出了這個數量，會自動出現滾動條，瀏覽者可以通過拖動滾動條來查看各選項。selected屬性用來設置該菜單時默認被選中。

2、菜單方式

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">喜歡哪種編程語言：</td>
  <td height="25" align="center" >
    <select name="name" id="code" multiple>
      <option value="1" selected>Java語言</option>
      <option value="2">C語言</option>
      <option value="3">JS語言</option>
      <option value="4">PHP語言</option>
    </select>
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

> multiple屬性用于菜單列表"<select>"標記中，指定該選項的用戶可以使用Shift和Ctrl鍵進行多選

文字域標記<textarea>

文字域標記<textarea>用來制作多行的文字域，可以在其中輸入更多的文本。

語法格式如下：

<textarea name="name" rows=value cols=value value="value" warp="value">
  …文本內容
</textarea>

參數name表示文字域的名稱；rows表示文字域的行數；cols表示文字域的列數（這里的rows和cols以字符為單位）；value表示文字域的默認值，warp用于設定顯示和送出時的換行方式，值為off表示不自動換行，值為hard表示自動硬回車換行，換行標記一同被發送到服務器，輸出時也會換行，值為soft表示自動軟回車換行，換行標記不會被發送到服務器，輸出時仍然為一列。

例如：

<!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">
 <tr bgcolor="#FFCC33">
  <td width="103" height="25" align="right">請寫下你的留言：</td>
  <td height="25" align="center" >
    <textarea rows="5" cols="20" name="remark" id="remark">留言...</textarea>
  </td>
 </tr>
</form>
<?php
header("Content-Type:text/html;  charset=gb2312");
?>
</body>
</html>

運行結果：

相關學習推薦：編程視頻

文章標題：詳解之一：PHP與Web頁面的交互示例
本文鏈接：http://www.js-pz168.com/article36/cgjgpg.html

成都網站建設公司_創新互聯，為您提供手機網站建設、App設計、網站策劃、外貿建站、品牌網站建設、微信小程序

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

h5響應式網站建設
久久99久久人婷婷精品综合_超碰aⅴ人人做人人爽欧美_亚洲电影第三页_日韩欧美一中文字暮专区_波多野结衣的一区二区三区_婷婷在线播放_人人视频精品_国产精品日韩精品欧美精品_亚洲免费黄色_欧美性猛交xxxxxxxx
亚洲综合成人在线| 激情五月播播久久久精品| 久久99久久99精品免视看婷婷| 高清久久久久久| 久久久福利视频| 欧美色电影在线| 国产人伦精品一区二区| 天堂资源在线中文精品| 成人av在线资源网站| 日本一区二区在线| 91精品啪在线观看国产60岁| 中文字幕在线观看一区二区| 麻豆国产91在线播放| av一区观看| 色婷婷久久久综合中文字幕 | 国产毛片精品视频| 国内不卡一区二区三区| 欧美视频一区二区三区在线观看| 国产欧美视频在线观看| 日韩精品成人一区二区在线| 99re这里只有精品视频首页| 亚洲免费在线精品一区| 精品免费一区二区三区| 亚州成人在线电影| 99在线精品观看| 亚洲一区尤物| 国产区在线观看成人精品| 美女视频网站黄色亚洲| 国产一区福利视频| 777午夜精品免费视频| 亚洲黄色片在线观看| 成人综合在线视频| 伊人久久大香线蕉成人综合网| 337p粉嫩大胆色噜噜噜噜亚洲 | 日韩在线电影一区| 26uuuu精品一区二区| 天堂va蜜桃一区二区三区| 91九色露脸| 欧美日韩午夜在线| 一区二区三区精品在线观看| 99久久99久久精品免费看蜜桃 | 国产精品10p综合二区| 成人综合av网| 日韩久久久久久久| 欧美日韩美女一区二区| 91精品福利在线一区二区三区| 亚洲欧洲综合另类| 成人av片在线观看| 色婷婷综合久色| 国产精品国产精品国产专区不片| 国产一区二区三区免费在线观看| 日韩免费电影一区二区三区| 久久婷婷一区二区三区| 老司机免费视频一区二区| 欧美高清性xxxxhd | 精品国产免费一区二区三区四区| 日韩精品成人一区二区在线| 精品一区二区久久久久久久网站| 欧美成人高清电影在线| 久久国产综合精品| 日本一区二区精品视频| 欧美国产丝袜视频| 国产69精品久久777的优势| 在线观看成人av| 亚洲免费视频成人| 51午夜精品| 欧美大片免费久久精品三p| 秋霞午夜av一区二区三区| 日韩精品国内| 中文字幕中文字幕在线一区| av中文字幕亚洲| 欧美剧情电影在线观看完整版免费励志电影| 亚洲香肠在线观看| 久久精品99久久| 国产午夜一区二区三区| 岛国一区二区在线观看| 欧美日韩精品综合在线| 日本欧美一区二区在线观看| 日本免费一区二区三区| 亚洲三级在线播放| 国产精品自拍首页| 久久久不卡影院| 成人av免费在线观看| 宅男在线国产精品| 国产在线精品国自产拍免费| 在线免费精品视频| 日韩影视精彩在线| 亚洲精品一区二区三区蜜桃久 | 久久艹中文字幕| 日本一二三不卡| 91国产在线免费观看| 欧美mv和日韩mv国产网站| 国产精品一区二区不卡| 欧美三电影在线| 久久精品久久久精品美女| 中文网丁香综合网| 视频在线观看一区| 在线观看一区二区三区三州 | 欧美午夜精品久久久久免费视| 中文字幕一区二区三区四区不卡 | 国内精品久久久久影院色| 在线免费观看一区| 日韩av二区在线播放| 色综合久久88色综合天天| 日韩av高清在线观看| 色婷婷一区二区三区四区| 五月激情综合婷婷| 亚洲成人网上| 日韩专区一卡二卡| 日本一区二区三区四区在线观看| 亚洲黄色免费网站| 日韩一本精品| 日韩在线卡一卡二| 欧洲亚洲国产日韩| 韩国一区二区视频| 欧美一级在线视频| 成人福利视频在线看| 久久久久久久久免费| 成人看片视频| 国产精品久久毛片a| 欧美成人免费在线| 亚洲永久免费av| 色综合久久九月婷婷色综合| 日本不卡视频在线观看| 欧美日韩黄色影视| 国产.欧美.日韩| 久久精品夜夜夜夜久久| 国产99在线播放| 国产精品电影院| 日韩精品欧美专区| 日韩在线卡一卡二| 欧美理论在线播放| 99视频热这里只有精品免费| 国产欧美一区在线| 免费国产在线精品一区二区三区| 亚洲一区在线观看免费| 色94色欧美sute亚洲线路一ni| 精品一二三四区| 欧美电影免费观看高清完整版在线| av在线综合网| 国产精品青草综合久久久久99| 欧美黄色直播| 日本亚洲一区二区| 91精品久久久久久久99蜜桃| 99久久精品免费观看| 国产精品国产三级国产aⅴ入口| 日韩免费av一区二区三区| 老司机精品视频导航| 日韩免费性生活视频播放| 国产精品污www一区二区三区| 一区二区三区日本| 欧美亚洲国产一区二区三区 | 亚洲线精品一区二区三区八戒| 欧美伊人久久久久久久久影院| 成人黄色av电影| 国产精品国产三级国产aⅴ原创| 午夜精品区一区二区三| 国产最新精品免费| 国产午夜精品一区二区三区嫩草| 农村寡妇一区二区三区| 麻豆91精品91久久久的内涵| 26uuu色噜噜精品一区二区| 久久精品国产一区二区三区不卡| 水野朝阳av一区二区三区| 日韩精品一区二区三区视频| 久久波多野结衣| 久久99久久99精品免视看婷婷| 久久久国产一区二区三区四区小说 | 亚洲品质自拍视频| 欧美性大战久久久久久久| 97精品久久久午夜一区二区三区| 亚洲精品精品亚洲| 欧美日韩一级大片网址| 99久久伊人精品影院| 亚洲va欧美va人人爽| 欧美一区二区大片| 看欧美日韩国产| 激情成人综合网| 国产精品私人影院| 欧洲精品一区二区| 97netav| 日本不卡123| 久久精品亚洲精品国产欧美 | 147欧美人体大胆444| 亚洲成人精品一区二区| 日韩一卡二卡三卡四卡| 欧美一区观看| 国产精品69毛片高清亚洲| 日韩美女视频一区二区 | 久久99这里只有精品| 国产精品午夜春色av| 欧洲视频一区二区| 成人综合电影| 麻豆国产一区二区| 欧美国产一区在线| 欧美性猛片xxxx免费看久爱| 国产日韩二区| 国产一区中文字幕| 亚洲男人电影天堂| 日韩欧美激情在线|