php表單之在Web頁面中插入表單-php教程-PHP中文網

php表單之在Web頁面中插入表單

伊谢尔伦

發布： 2023-03-07 14:36:01

原創

2810 人瀏覽過

在普通的WEB頁面中插入表單是如下的：這裡將創建一個比較完整的表單, 將

表單中加入一系列的表單元素和屬性。這裡在表單的標記中給增加了一些CSS的樣式，這樣讓朋友們感官上看上去頁面更酷一些。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<form action="index.php" method="post" name="form1" enctype="multipart/form-data">
  <table width="400" border="1" cellpadding="1"  bgcolor="#999999">
    <tr bgcolor="#FFCC33">
      <td width="103" height="25" align="right">姓名：</td>
      <td height="25">
        <input name="user" 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="sex" type="radio" value="男" checked>男
            <input name="sex" type="radio" 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="pwd" type="password" id="pwd" 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="本科" selected>本科</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="fond[]" type="checkbox" id="fond[]" value="音乐">音乐
            <input name="fond[]" type="checkbox" id="fond[]" value="体育">体育
            <input name="fond[]" type="checkbox" id="fond[]" value="美术">美术
         </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">照片上传：</td>
      <td height="25" colspan="2">
        <input name="image" type="file" id="image" size="20" maxlength="100">
      </td>
    </tr>
    <tr bgcolor="#FFCC33">
      <td height="25" align="right">个人简介：</td>
      <td height="25" colspan="2">
        <textarea name="intro" cols="30" rows="10" id="intro"></textarea>
      </td>
    </tr>
    <tr align="center" bgcolor="#FFCC33">
      <td height="25" colspan="3">
        <input type="submit" name="submit" value="提交">
        <input type="reset" name="reset" value="重置">
      </td>
    </tr>
  </table>
</form>
</body>
</html>

登入後複製

說明：此表單包含了常用表單元素：單行文字方塊、多行文字方塊、單選項（radio）、多選項（checkbox），以及多重選取選單。

maxlength是與姓名，密碼文字方塊關聯的屬性，它限制使用者輸入密碼的最大長度為100個字元。

列錶框是清單選單，它的命名屬性下都有自己的值可供選擇。 selected是一個特定的屬性選擇元素，如果某個option附加有該屬性，在顯示時就把該項列為第一項顯示。

intro文字方塊中的內容，依照rows和cols顯示文字、行和列寬。

checked標籤是指單選項和多選項中的某個值，預設已經被選擇。

將該檔案儲存為index.php頁。

上面文件中的form表單使用的是POST方法傳遞數據，所以用戶提交的數據會保存到$_POST或$_REQUEST的超級全局數組中，我們根據$_POST數組中的值就可以處理提交的資料。在後面我們會詳細介紹取得表單資料的方法，POST方法是其中之一，在method="post"中選擇。取得表單資料時表單是應用程式中最基本的操作，所以請朋友們注意表單後面的課程介紹。

注意：由於該頁未使用PHP腳本，因此該Web頁屬於靜態頁，可以將其儲存為.html格式，然後直接使用瀏覽器開啟該檔案查看執行結果即可。

在瀏覽器中輸入位址，按下回車鍵，運行結果如下：

php表單之在Web頁面中插入表單