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

伊谢尔伦
發布: 2023-03-07 14:36:01
原創
2774 人瀏覽過

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

中的元素和屬性全部基本全部都展示出來。

首先在HTML的

標籤中加入一個
表單。

然後再

表單中加入一系列的表單元素和屬性。這裡在表單的標記中給增加了一些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頁面中插入表單

怎麼樣?是不是看上去感官上比較炫一點。朋友可以自己動手多敲程式碼來嘗試。

以上是php表單之在Web頁面中插入表單的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板