PHP Web表單生成器案例分析
更新時間：2020年06月02日 09:21:38 作者：Cat family
這篇文章主要介紹了PHP Web表單生成器,結合具體案例形式分析了PHP Web表單生成器基本功能需求、實現方法與操作注意事項,需要的朋友可以參考下
本文實例講述了PHP Web表單生成器。分享給大家供大家參考，具體如下：
1.實例：
2. 需求分析
在項目的實際開發(fā)中，經常需要設計各種各樣表單。直接編寫HTML表單雖然簡單，但修改、維護相對麻煩。
因此，可以利用PHP實現一個Web表單生成器，使其可以根據具體的需求定制不同功能的表單。具體實現需求如下：
- 使用多維數組保存表單的相關信息
- 支持的表單項包括文本框、文本域、單選框、復選框和下拉列表5種類型
- 保存每個表單項的標記、提示文本、屬性、選項值、默認值等
- 將功能封裝成函數，根據傳遞的參數生成指定的表單
數據的保存形式決定了程序實現的方式。
因此，根據上述開發(fā)要求，可以將每個表單項作為一個數組元素，每個元素利用一個關聯數組描述，分別為：標記tag、提示文本text、屬性數組attr、選項數組option和默認值default。
3.案例實現
1.準備表單
表單的主要功能：就是在網頁上用于輸入信息的區(qū)域，收集用戶輸入的信息，并將其提交給后端的服務器進行處理，實現用戶與服務器的交互。
例如：購物結算、信息搜索等都是通過表單實現的。
2.準備表單——創(chuàng)建表單
一個完整的表單是由表單域和表單控件組成的。其中，表單域由form標記定義，用于實現用戶信息的收集和傳遞。
<form action="form.php" method="post" enctype="multipart/form-data"> <!-- 各種表單控件 --> </form>
“<!-- –>”是HTML的注釋標記，用于解釋和說明。
- action屬性的值可以是絕對路徑、相對路徑，若省略該屬性則表示提交給當前文件進行處理。
GET方式傳遞的表單在URL地址欄中可見。
相比GET方式，POST方式提交的數據是不可見的，在交互時相對安全。因此，通常情況下使用POST方式提交表單數據。 - enctype屬性的默認值為application/x-www-form-urlencoded，表示在發(fā)送表單數據前編碼所有字符。除此之外還可以設置為multipart/form-data（POST方式）表示不進行字符編碼，尤其是含有文件上傳的表單必須使用該值；設置為text/plain（POST方式）表示傳輸普通文本。
3.準備表單—表單控件
//input控件 <input type="text" name="user" value="test"> <!-- 文本框 --> <input type="password" name="pwd" value=""> <!-- 密碼框 --> <input type="file" name="upload"> <!-- 文件上傳域 --> <input type="hidden" name="id" value="2"> <!-- 隱藏域 --> <input type="reset" value="重置"> <!-- 重置按鈕 --> <input type="submit" value="提交"> <!-- 提交按鈕 -->
- type屬性設置不同的值，即可得到不同的表單控件
- name屬性用于指定控件的名稱，用以區(qū)分表單中多個相同的控件
- value屬性用于設置表單控件的默認值
//input控件 <!-- 單選框 --> <input type="radio" name="gender" value="m" checked> 男 <input type="radio" name="gender" value="w"> 女 <!-- 復選框 --> <input type="checkbox" name="hobby[]" value="swimming"> 游泳 <input type="checkbox" name="hobby[]" value="reading"> 讀書 <input type="checkbox" name="hobby[]" value="running"> 跑步
- checked屬性用于設置默認選中項
//textarea控件 <textarea name="introduce" cols="5" rows="10"> <!-- 文本內容 --> </textarea>
- textarea控件適用于自我評價、評論等可能需要輸入大量信息的功能
- 屬性cols和rows用于定義文本域的高度和寬度
//select控件 <select name="area"> <option selected>--請選擇--</option> <option value="Beijing">北京</option> <option value="Shenzhen">深圳</option> <option value="Shanghai">上海</option> </select>
- select是定義下拉列表的標記
- option是定義下拉列表中具體選項的標記
- selected屬性用于設置默認選中項
4.準備表單—label標記
在編寫表單控件時，為了提供更好的用戶體驗，經常將input控件與label標記聯合使用，以擴大控件的選擇范圍。
例如，選擇性別時，單擊提示文字“男”或“女”，也可選中相應的單選按鈕。
使用label標記包裹單選按鈕和提示文本，即可實現單擊label標記里的內容時，相應的表單控件就會被選中。
<label><input type="radio" name="gender" value="m">男</label> <label><input type="radio" name="gender" value="w">女</label>
5.多維數組
根據案例的需求分析可知，表單項的相關數據統(tǒng)一保存到一個多維數組中。其中，利用數字鍵名區(qū)分不同的表單項，每個表單項又是一個二維的關聯數組。
// 利用多維數組保存表單元素 [ 0 => [], // 表單項---單選按鈕 1 => [], // 表單項 2 => [], // 表單項---文本框 3 => [], // 表單項 …… ];
// 每個表單項的數組結構 0 => [ 'tag' => '', // 標記----input、textarea、select 'text' => '', // 提示文本----label標簽內顯示的內容 'attr' => [], // 屬性數組----表單元素的屬性，如type 'option' => [], // 選項數組----單選框或復選框中的每個選項 'default' => '' // 默認值----默認值 ],
//準備表單數組 // $elements數組保存整個表單 $elements = [ 0 => [], // 第1個表單項數組 1 => [], // 第2個表單項數組 ];
//文本框 0 => [ 'tag' => 'input', 'text' => '姓 名：', 'attr' => ['type' => 'text', 'name' => 'user'] ],
//單選框 3 => [ 'tag' => 'input', 'text' => '性 別：', 'attr' => ['type' => 'radio', 'name' => 'gender'], 'option' => ['m' => '男', 'w' => '女'], 'default' => 'm' ],
option利用關聯數組保存具體的單選項，鍵名m、w為單選框的value屬性值，對應的值“男”、“女”為該單選項的提示信息
default的值為option關聯數組中的一個鍵名，表示默認選中哪一項
//復選框 4 => [ 'tag' => 'input', 'text' => '愛 好：', 'attr' => ['type' => 'checkbox', 'name' => 'hobby[]'], 'option' => ['swimming' => '游泳', 'reading' => '讀書', 'running' => '跑步'], 'default' => ['swimming', 'reading'] ],
//下拉列表 5 => [ 'tag' => 'select', 'text' => '住 址：', 'attr' => ['name' => 'area'], 'option' => ['' => '--請選擇--', 'BJ'=>'北京', 'SH'=>'上海', 'SZ'=>'深圳'] ],
//文本域 6 => [ 'tag' => 'textarea', 'text' => '自我介紹：', 'attr' => ['name' => 'introduce', 'cols' => 50, 'rows' => 5] ],
//提交按鈕 7 => [ 'tag' => 'input', 'attr' => ['type' => 'submit', 'value' => '提交'] ]
表單的自動生成
1.表單的自動生成——讀取$elements數組
實現思路
- 為了方便處理用戶提交的數據，將$elements中的每個表單項與指定的數組進行合并，使得每個表單項都含有鍵為tag、text、attr、option和default五個元素，且順序相同。
- 根據tag值，分別調用前綴為“generate_”的函數進行表單項的拼接
- 每個表單項占據一行，并返回拼接好的表單
2.表單的自動生成——拼接表單元素的屬性
實現思路
- 定義函數generate_attr($attr, $items = ‘')用于完成表單元素屬性的拼接
- $attr數組中元素的鍵為屬性名稱，元素的值為屬性的值
- 通過遍歷完成屬性與$items的拼接并返回，如type=“radio” name=“gender”
3.表單的自動生成——拼接input元素
實現思路
- 根據是否含有option元素，判斷是否是單選或多選
- 若不是，則直接調用屬性函數完成表單項的拼接
- 若是，則通過遍歷依次完成多個選項的拼接并返回
4.表單的自動生成——拼接select元素
實現思路
- 拼接下拉列表的選項option
- 完成select標記的完整拼接并返回
5.表單的自動生成——拼接textarea元素
實現思路
- 拼接textarea元素的屬性
- 完整拼接textarea并返回
更多關于PHP相關內容感興趣的讀者可查看本站專題：《php程序設計安全教程》、《php安全過濾技巧總結》、《PHP基本語法入門教程》、《php面向對象程序設計入門教程》、《php字符串(string)用法總結》、《php+mysql數據庫操作入門教程》及《php常見數據庫操作技巧匯總》
希望本文所述對大家PHP程序設計有所幫助。
相關文章
這篇文章主要介紹了php合并數組中相同元素的方法,通過一個自定義函數遍歷數組實現數組中相同項的合并,是非常實用的技巧,需要的朋友可以參考下2014-11-11
PHP學習筆記 IIS7下安裝配置php環(huán)境，需要的朋友可以參考下2012-10-10
本篇文章是對PHP使用header函數設置HTTP頭的示例進行了詳細的分析介紹，需要的朋友參考下2013-06-06
對于Web編程來說，最重要的就是存取和讀寫數據了。存儲方式可能有很多種，可以是字符串、數組、文件的形式等。2011-07-07
基于PHP輸出緩存(output_buffering)的深入理解
本篇文章是對PHP輸出緩存(output_buffering)的使用進行了詳細的分析介紹，需要的朋友參考下2013-06-06
垃圾回收機制是一種動態(tài)存儲分配的方案。它會自動釋放程序不再需要的已分配的內存塊。垃圾回收機制可以讓程序員不必過分關心程序內存分配，從而將更多的精力投入到業(yè)務邏輯2022-08-08
這里整理的二十一個實用便利的PHP函數代碼比較適合php開發(fā)過程中的直接使用與學習參考，對每種類型的 PHP 開發(fā)者都會有所幫助。2010-04-04
這篇文章主要介紹了PHP實現的構造sql語句類,結合實例形式分析了PHP針對常用SQL語句的動態(tài)構造與生成技巧,需要的朋友可以參考下2016-02-02
Notice: Undefined index: page in E:\PHP\test.php on line 14
Notice: Undefined index: page in E:\PHP\test.php on line 142010-11-11
在本篇文章里小編給大家整理的是一篇關于php png失真的原因及解決辦法，有需要的朋友們可以跟著學習參考下。2021-10-10