web表單生成

2021-09-14 08:54:04 字數 1606 閱讀 7221

在專案的實際開發中,經常需要設計各種各樣表單。直接編寫html表單雖然簡單,但修改、維護相對麻煩。

因此,可以利用php實現乙個web表單生成器,使其可以根據具體的需求定製不同功能的表單。具體實現需求如下:

注:「

」是html的注釋標記,用於解釋和說明。

男女

游泳讀書

跑步

屬性cols和rows用於定義文字域的高度和寬度

--請選擇--

北京深圳

上海

在編寫表單控制項時,為了提供更好的使用者體驗,經常將input控制項與label標記聯合使用,以擴大控制項的選擇範圍。

根據案例的需求分析可知,表單項的相關資料統一儲存到乙個多維陣列中。其中,利用數字鍵名區分不同的表單項,每個表單項又是乙個二維的關聯陣列。

$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'

],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' => '提交']

]

實現思路

Web表單生成器

input控制 input type text name user value test 文字框 input type password name pedr value 密碼框 input type file name upload 檔案上傳域 input type hidden name idr ...

web程式設計 表單

前台頁面與後台頁面的資料又form表單完成。form表單的組成 name 表單名,method 提交方式 action 動作 提交的位址 method提交方式常見的方式 get post head trace put connect delete 常用的請求方式 get 和 post 兩者的區別 1...

PHP階段案例之Web表單生成器

這裡是用form.php檔案來儲存表單資訊,通過 element元素以陣列的形式來儲存需要生成的表單項,然後在form中呼叫我後面介紹的表單生成函式即可。注意 檔案字尾是.php,而不是.html 在html檔案中php 會被注釋,但是html 卻可以在php檔案中正常使用。編寫乙個generate...