本文實例講述了PHP Web表單生成器。分享給大家供大家參考，具體如下：

1.實例：

2. 需求分析

在項目的實際開發(fā)中，經(jīng)常需要設(shè)計各種各樣表單。直接編寫HTML表單雖然簡單，但修改、維護(hù)相對麻煩。

因此，可以利用PHP實現(xiàn)一個Web表單生成器，使其可以根據(jù)具體的需求定制不同功能的表單。具體實現(xiàn)需求如下：

使用多維數(shù)組保存表單的相關(guān)信息

支持的表單項包括文本框、文本域、單選框、復(fù)選框和下拉列表5種類型

保存每個表單項的標(biāo)記、提示文本、屬性、選項值、默認(rèn)值等

將功能封裝成函數(shù)，根據(jù)傳遞的參數(shù)生成指定的表單

數(shù)據(jù)的保存形式?jīng)Q定了程序?qū)崿F(xiàn)的方式。

因此，根據(jù)上述開發(fā)要求，可以將每個表單項作為一個數(shù)組元素，每個元素利用一個關(guān)聯(lián)數(shù)組描述，分別為：標(biāo)記tag、提示文本text、屬性數(shù)組attr、選項數(shù)組option和默認(rèn)值default。

3.案例實現(xiàn)

1.準(zhǔn)備表單

表單的主要功能：就是在網(wǎng)頁上用于輸入信息的區(qū)域，收集用戶輸入的信息，并將其提交給后端的服務(wù)器進(jìn)行處理，實現(xiàn)用戶與服務(wù)器的交互。

例如：購物結(jié)算、信息搜索等都是通過表單實現(xiàn)的。

2.準(zhǔn)備表單——創(chuàng)建表單

一個完整的表單是由表單域和表單控件組成的。其中，表單域由form標(biāo)記定義，用于實現(xiàn)用戶信息的收集和傳遞。

“

type屬性設(shè)置不同的值，即可得到不同的表單控件

name屬性用于指定控件的名稱，用以區(qū)分表單中多個相同的控件

value屬性用于設(shè)置表單控件的默認(rèn)值

//input控件

男

女

游泳

讀書

跑步

checked屬性用于設(shè)置默認(rèn)選中項

//textarea控件

textarea控件適用于自我評價、評論等可能需要輸入大量信息的功能

屬性cols和rows用于定義文本域的高度和寬度

//select控件

--請選擇--

北京

深圳

上海

select是定義下拉列表的標(biāo)記

option是定義下拉列表中具體選項的標(biāo)記

selected屬性用于設(shè)置默認(rèn)選中項

4.準(zhǔn)備表單—label標(biāo)記

在編寫表單控件時，為了提供更好的用戶體驗，經(jīng)常將input控件與label標(biāo)記聯(lián)合使用，以擴(kuò)大控件的選擇范圍。

例如，選擇性別時，單擊提示文字“男”或“女”，也可選中相應(yīng)的單選按鈕。

使用label標(biāo)記包裹單選按鈕和提示文本，即可實現(xiàn)單擊label標(biāo)記里的內(nèi)容時，相應(yīng)的表單控件就會被選中。

男

女

5.多維數(shù)組

根據(jù)案例的需求分析可知，表單項的相關(guān)數(shù)據(jù)統(tǒng)一保存到一個多維數(shù)組中。其中，利用數(shù)字鍵名區(qū)分不同的表單項，每個表單項又是一個二維的關(guān)聯(lián)數(shù)組。

// 利用多維數(shù)組保存表單元素

[

0 => [],// 表單項---單選按鈕

1 => [],// 表單項

2 => [],// 表單項---文本框

3 => [],// 表單項

……

];

// 每個表單項的數(shù)組結(jié)構(gòu)

0 => [

'tag' => '', // 標(biāo)記----input、textarea、select

'text' => '', // 提示文本----label標(biāo)簽內(nèi)顯示的內(nèi)容

'attr' => [],// 屬性數(shù)組----表單元素的屬性，如type

'option' => [], // 選項數(shù)組----單選框或復(fù)選框中的每個選項

'default' => ''// 默認(rèn)值----默認(rèn)值

],

//準(zhǔn)備表單數(shù)組

// $elements數(shù)組保存整個表單

$elements = [

0 => [],// 第1個表單項數(shù)組

1 => [],// 第2個表單項數(shù)組

];

//文本框

0 => [

'tag' => 'input',

'text' => '姓　　名：',

'attr' => ['type' => 'text', 'name' => 'user']

],

//單選框

3 => [

'tag' => 'input',

'text' => '性　　別：',

'attr' => ['type' => 'radio', 'name' => 'gender'],

'option' => ['m' => '男', 'w' => '女'],

'default' => 'm'

],

option利用關(guān)聯(lián)數(shù)組保存具體的單選項，鍵名m、w為單選框的value屬性值，對應(yīng)的值“男”、“女”為該單選項的提示信息

default的值為option關(guān)聯(lián)數(shù)組中的一個鍵名，表示默認(rèn)選中哪一項

//復(fù)選框

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數(shù)組

實現(xiàn)思路

為了方便處理用戶提交的數(shù)據(jù)，將$elements中的每個表單項與指定的數(shù)組進(jìn)行合并，使得每個表單項都含有鍵為tag、text、attr、option和default五個元素，且順序相同。

根據(jù)tag值，分別調(diào)用前綴為“generate_”的函數(shù)進(jìn)行表單項的拼接

每個表單項占據(jù)一行，并返回拼接好的表單

2.表單的自動生成——拼接表單元素的屬性

實現(xiàn)思路

定義函數(shù)generate_attr($attr, $items = ‘')用于完成表單元素屬性的拼接

$attr數(shù)組中元素的鍵為屬性名稱，元素的值為屬性的值

通過遍歷完成屬性與$items的拼接并返回，如type=“radio” name=“gender”

3.表單的自動生成——拼接input元素

實現(xiàn)思路

根據(jù)是否含有option元素，判斷是否是單選或多選

若不是，則直接調(diào)用屬性函數(shù)完成表單項的拼接

若是，則通過遍歷依次完成多個選項的拼接并返回

4.表單的自動生成——拼接select元素

實現(xiàn)思路

拼接下拉列表的選項option

完成select標(biāo)記的完整拼接并返回

5.表單的自動生成——拼接textarea元素

實現(xiàn)思路

拼接textarea元素的屬性

完整拼接textarea并返回

更多關(guān)于PHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《php程序設(shè)計安全教程》、《php安全過濾技巧總結(jié)》、《PHP基本語法入門教程》、《php面向?qū)ο蟪绦蛟O(shè)計入門教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總》

希望本文所述對大家PHP程序設(shè)計有所幫助。

總結(jié)

以上是生活随笔為你收集整理的用php实现一个简易的web表单生成器,网络编程PHP Web表单生成器案例分析的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。