創(chuàng)新互聯(lián)www.cdcxhl.cn八線(xiàn)動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買(mǎi)多久送多久,劃算不套路!
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的仁化網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!今天就跟大家聊聊有關(guān)如何使用PHP Web表單生成器,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
本文實(shí)例講述了PHP Web表單生成器。分享給大家供大家參考,具體如下:
1.實(shí)例:2. 需求分析相關(guān)學(xué)習(xí)推薦:PHP編程從入門(mén)到精通
在項(xiàng)目的實(shí)際開(kāi)發(fā)中,經(jīng)常需要設(shè)計(jì)各種各樣表單。直接編寫(xiě)HTML表單雖然簡(jiǎn)單,但修改、維護(hù)相對(duì)麻煩。
因此,可以利用PHP實(shí)現(xiàn)一個(gè)Web表單生成器,使其可以根據(jù)具體的需求定制不同功能的表單。具體實(shí)現(xiàn)需求如下:
數(shù)據(jù)的保存形式?jīng)Q定了程序?qū)崿F(xiàn)的方式。
因此,根據(jù)上述開(kāi)發(fā)要求,可以將每個(gè)表單項(xiàng)作為一個(gè)數(shù)組元素,每個(gè)元素利用一個(gè)關(guān)聯(lián)數(shù)組描述,分別為:標(biāo)記tag、提示文本text、屬性數(shù)組attr、選項(xiàng)數(shù)組option和默認(rèn)值default。
表單的主要功能:就是在網(wǎng)頁(yè)上用于輸入信息的區(qū)域,收集用戶(hù)輸入的信息,并將其提交給后端的服務(wù)器進(jìn)行處理,實(shí)現(xiàn)用戶(hù)與服務(wù)器的交互。
例如:購(gòu)物結(jié)算、信息搜索等都是通過(guò)表單實(shí)現(xiàn)的。
一個(gè)完整的表單是由表單域和表單控件組成的。其中,表單域由form標(biāo)記定義,用于實(shí)現(xiàn)用戶(hù)信息的收集和傳遞。
<form action="form.php" method="post" enctype="multipart/form-data"> <!-- 各種表單控件 --> </form>
“<!-- –>”是HTML的注釋標(biāo)記,用于解釋和說(shuō)明。
//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="提交"> <!-- 提交按鈕 -->
//input控件 <!-- 單選框 --> <input type="radio" name="gender" value="m" checked> 男 <input type="radio" name="gender" value="w"> 女 <!-- 復(fù)選框 --> <input type="checkbox" name="hobby[]" value="swimming"> 游泳 <input type="checkbox" name="hobby[]" value="reading"> 讀書(shū) <input type="checkbox" name="hobby[]" value="running"> 跑步
//textarea控件 <textarea name="introduce" cols="5" rows="10"> <!-- 文本內(nèi)容 --> </textarea>
//select控件 <select name="area"> <option selected>--請(qǐng)選擇--</option> <option value="Beijing">北京</option> <option value="Shenzhen">深圳</option> <option value="Shanghai">上海</option> </select>
在編寫(xiě)表單控件時(shí),為了提供更好的用戶(hù)體驗(yàn),經(jīng)常將input控件與label標(biāo)記聯(lián)合使用,以擴(kuò)大控件的選擇范圍。
例如,選擇性別時(shí),單擊提示文字“男”或“女”,也可選中相應(yīng)的單選按鈕。
使用label標(biāo)記包裹單選按鈕和提示文本,即可實(shí)現(xiàn)單擊label標(biāo)記里的內(nèi)容時(shí),相應(yīng)的表單控件就會(huì)被選中。
<label><input type="radio" name="gender" value="m">男</label> <label><input type="radio" name="gender" value="w">女</label>5.多維數(shù)組
根據(jù)案例的需求分析可知,表單項(xiàng)的相關(guān)數(shù)據(jù)統(tǒng)一保存到一個(gè)多維數(shù)組中。其中,利用數(shù)字鍵名區(qū)分不同的表單項(xiàng),每個(gè)表單項(xiàng)又是一個(gè)二維的關(guān)聯(lián)數(shù)組。
// 利用多維數(shù)組保存表單元素 [ 0 => [], // 表單項(xiàng)---單選按鈕 1 => [], // 表單項(xiàng) 2 => [], // 表單項(xiàng)---文本框 3 => [], // 表單項(xiàng) …… ];
// 每個(gè)表單項(xiàng)的數(shù)組結(jié)構(gòu) 0 => [ 'tag' => '', // 標(biāo)記----input、textarea、select 'text' => '', // 提示文本----label標(biāo)簽內(nèi)顯示的內(nèi)容 'attr' => [], // 屬性數(shù)組----表單元素的屬性,如type 'option' => [], // 選項(xiàng)數(shù)組----單選框或復(fù)選框中的每個(gè)選項(xiàng) 'default' => '' // 默認(rèn)值----默認(rèn)值 ],
//準(zhǔn)備表單數(shù)組 // $elements數(shù)組保存整個(gè)表單 $elements = [ 0 => [], // 第1個(gè)表單項(xiàng)數(shù)組 1 => [], // 第2個(gè)表單項(xiàng)數(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ù)組保存具體的單選項(xiàng),鍵名m、w為單選框的value屬性值,對(duì)應(yīng)的值“男”、“女”為該單選項(xiàng)的提示信息
default的值為option關(guān)聯(lián)數(shù)組中的一個(gè)鍵名,表示默認(rèn)選中哪一項(xiàng)
//復(fù)選框 4 => [ 'tag' => 'input', 'text' => '愛(ài) 好:', 'attr' => ['type' => 'checkbox', 'name' => 'hobby[]'], 'option' => ['swimming' => '游泳', 'reading' => '讀書(shū)', 'running' => '跑步'], 'default' => ['swimming', 'reading'] ],
//下拉列表 5 => [ 'tag' => 'select', 'text' => '住 址:', 'attr' => ['name' => 'area'], 'option' => ['' => '--請(qǐng)選擇--', 'BJ'=>'北京', 'SH'=>'上海', 'SZ'=>'深圳'] ],
//文本域 6 => [ 'tag' => 'textarea', 'text' => '自我介紹:', 'attr' => ['name' => 'introduce', 'cols' => 50, 'rows' => 5] ],
//提交按鈕 7 => [ 'tag' => 'input', 'attr' => ['type' => 'submit', 'value' => '提交'] ]表單的自動(dòng)生成1.表單的自動(dòng)生成——讀取$elements數(shù)組
實(shí)現(xiàn)思路
實(shí)現(xiàn)思路
實(shí)現(xiàn)思路
實(shí)現(xiàn)思路
實(shí)現(xiàn)思路
看完上述內(nèi)容,你們對(duì)如何使用PHP Web表單生成器有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道,感謝大家的支持。
分享名稱(chēng):如何使用PHPWeb表單生成器-創(chuàng)新互聯(lián)
文章鏈接:http://muchs.cn/article26/ddjjcg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站收錄、虛擬主機(jī)、品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容