真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何使用PHPWeb表單生成器

今天就跟大家聊聊有關(guān)如何使用PHP Web表單生成器,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

站在用戶的角度思考問題,與客戶深入溝通,找到紅橋網(wǎng)站設(shè)計與紅橋網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站設(shè)計、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋紅橋地區(qū)。

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

1.實例:

如何使用PHP Web表單生成器

相關(guān)學(xué)習(xí)推薦:PHP編程從入門到精通

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。

如何使用PHP Web表單生成器

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)用戶信息的收集和傳遞。

>”是HTML的注釋標(biāo)記,用于解釋和說明。

如何使用PHP Web表單生成器

  • action屬性的值可以是絕對路徑、相對路徑,若省略該屬性則表示提交給當(dāng)前文件進(jìn)行處理。
     GET方式傳遞的表單在URL地址欄中可見。
     相比GET方式,POST方式提交的數(shù)據(jù)是不可見的,在交互時相對安全。因此,通常情況下使用POST方式提交表單數(shù)據(jù)。
  • enctype屬性的默認(rèn)值為application/x-www-form-urlencoded,表示在發(fā)送表單數(shù)據(jù)前編碼所有字符。除此之外還可以設(shè)置為multipart/form-data(POST方式)表示不進(jìn)行字符編碼,尤其是含有文件上傳的表單必須使用該值;設(shè)置為text/plain(POST方式)表示傳輸普通文本。
3.準(zhǔn)備表單—表單控件
//input控件
	
		
     		
 		
     		
    		
  • 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ù)完成表單項的拼接
  • 若是,則通過遍歷依次完成多個選項的拼接并返回
    如何使用PHP Web表單生成器
4.表單的自動生成——拼接select元素

實現(xiàn)思路

  • 拼接下拉列表的選項option
  • 完成select標(biāo)記的完整拼接并返回如何使用PHP Web表單生成器
5.表單的自動生成——拼接textarea元素

實現(xiàn)思路

  • 拼接textarea元素的屬性
  • 完整拼接textarea并返回
    如何使用PHP Web表單生成器

看完上述內(nèi)容,你們對如何使用PHP Web表單生成器有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。


網(wǎng)站標(biāo)題:如何使用PHPWeb表單生成器
文章出自:http://weahome.cn/article/ijopds.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部