国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > 網(wǎng)頁(yè)設(shè)計(jì)中的表單有哪幾種?

網(wǎng)頁(yè)設(shè)計(jì)中的表單有哪幾種?

時(shí)間：2024-02-15 07:40:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-15 07:40:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)設(shè)計(jì)中的表單有哪幾種?：表單包含多種input類(lèi)型，包括 hiiden類(lèi)型 ,text類(lèi)型，radio類(lèi)型，checkbox類(lèi)型，textarea類(lèi)型，file類(lèi)型，select類(lèi)型等基礎(chǔ)類(lèi)型，手寫(xiě)表單就是累耗時(shí)耗力開(kāi)發(fā)銷(xiāo)量太低而且代碼量大了還容易寫(xiě)出bug，每個(gè)頁(yè)面的表單遇到改動(dòng)的時(shí)候恨不得長(zhǎng)十雙手去改，于是我自己開(kāi)發(fā)了一個(gè)php寫(xiě)的表單生成工具，在業(yè)務(wù)邏輯通過(guò)配置或者鏈?zhǔn)讲僮魅コ跏急韱谓Y(jié)構(gòu)和數(shù)據(jù)，不管有多少頁(yè)面都只需要通過(guò)配置下就行，我寫(xiě)的這個(gè)表單工具 支持塊表單，行內(nèi)表單，table類(lèi)型表單，支持表單美化 默認(rèn)是layui效果，也支持jquery控制表單行為，只需要引入layui樣式和js即可。在github主頁(yè)demo目錄也提供了示例代碼運(yùn)行查看效果，

Form介紹:

使用php編寫(xiě)的html表單生成工具，沒(méi)有任何依賴可獨(dú)立使用,支持鏈?zhǔn)讲僮骱团渲脛?chuàng)建表單，支持表單美化(默認(rèn)為layui風(fēng)格)

特點(diǎn):

  1. 沒(méi)有任何依賴可獨(dú)立使用
  2. 支持鏈?zhǔn)讲僮鲃?chuàng)建表單
  3. 支持?jǐn)?shù)組配置創(chuàng)建表單
  4. 支持塊表單
  5. 支持行內(nèi)表單
  6. 支持table表單
  7. 支持表單美化(默認(rèn)為layui風(fēng)格)且方便擴(kuò)展

項(xiàng)目主頁(yè)鏈接:

github: https://github.com/mgckid/form

gitee:https://gitee.com/mgckid/form

安裝方法:

composer require mgckid/form

快速使用:

鏈?zhǔn)讲僮鲃?chuàng)建塊表單

<?phprequire __DIR__ . '/../src/Form.php';Form::getInstance() ->form_method(Form::form_method_post) ->form_action('/') ->input_text('姓名', '', 'name', '法外狂徒張三') ->radio('性別', '', 'male', ['male' => '男', 'female' => '女'], 'male') ->checkbox('愛(ài)好', '', 'interest', ['ktv' => 'K歌', 'dance' => '跳舞', 'movie' => '看電影', 'run' => '跑步'], 'ktv,run') ->input_inline_start() ->input_text('省份', '', 'sheng', '湖北省') ->input_text('市', '', 'shi', '杭州市') ->input_text('區(qū)', '', 'qu', '武昌區(qū)') ->input_text('街道', '', 'jie', '紫陽(yáng)路36號(hào)') ->input_inline_end() ->input_hidden('id', '1') ->input_text('user name', '', 'user', 'admin') ->input_password('password', '', 'password', '123456') ->radio('is active', '', 'is_active', [ ['value' => '1', 'name' => 'active'], ['value' => '0', 'name' => 'unactive'] ], 1) ->checkbox('user role', '', 'role', [ ['value' => '1', 'name' => 'boss'], ['value' => '2', 'name' => 'manager'], ['value' => '3', 'name' => 'employee'], ], '1,2') ->select('user department', '', 'department', [ ['value' => '1', 'name' => 'sales'], ['value' => '2', 'name' => 'hr'], ['value' => '3', 'name' => 'secured'], ], 1) ->form_class(LayuiForm::form_class_pane) ->input_submit('確認(rèn)保存', 'class="layui-btn" lay-submit lay-filter="saveBtn"') //->input_date() //->editor() //->form_data() //->table() ->create();?>

數(shù)組配置創(chuàng)建塊表單

<?php require __DIR__ . '/../src/Form.php'; $init = array( 0 => array( 'title' => 'Id', 'name' => 'id', 'description' => 'Id', 'enum' => array(), 'type' => 'hidden', 'widget_type' => '', ), 1 => array( 'title' => '用戶id', 'name' => 'user_id', 'description' => '用戶id', 'enum' => array(), 'type' => 'hidden', 'widget_type' => '', ), 2 => array( 'title' => '用戶名', 'name' => 'username', 'description' => '用戶名', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 3 => array( 'title' => '真實(shí)姓名', 'name' => 'true_name', 'description' => '真實(shí)姓名', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 4 => array( 'title' => '密碼', 'name' => 'password', 'description' => '密碼', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 5 => array( 'title' => '郵箱', 'name' => 'email', 'description' => '郵箱', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 6 => array( 'title' => '是否刪除', 'name' => 'deleted', 'description' => '是否刪除', 'enum' => array( 0 => '未刪除', 1 => '已刪除', ), 'type' => 'none', 'widget_type' => '', ), 7 => array( 'title' => '創(chuàng)建時(shí)間', 'name' => 'created', 'description' => '創(chuàng)建時(shí)間', 'enum' => array(), 'type' => 'none', 'widget_type' => 'date', ), 8 => array( 'title' => '修改時(shí)間', 'name' => 'modified', 'description' => '修改時(shí)間', 'enum' => array(), 'type' => 'none', 'widget_type' => 'date', ), ); $data = array( 'id' => 2, 'user_id' => 'feac0fa3-3245-11e6-9b90-e03f49a02407', 'username' => 'admin', 'true_name' => '系統(tǒng)管理員', 'email' => '', 'deleted' => 0, 'created' => '2016-06-14 23:39:52', 'modified' => '2020-03-12 20:07:48', ); /Form::getInstance() ->form_schema($init) ->form_data($data) ->input_submit('確認(rèn)保存', 'class="layui-btn" lay-submit lay-filter="saveBtn"') ->create();

行內(nèi)表單

<?php require __DIR__ . '/../src/Form.php'; $init = array( 0 => array( 'title' => 'Id', 'name' => 'id', 'description' => 'Id', 'enum' => array(), 'type' => 'hidden', 'widget_type' => '', ), 1 => array( 'title' => '用戶id', 'name' => 'user_id', 'description' => '用戶id', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 2 => array( 'title' => '用戶名', 'name' => 'username', 'description' => '用戶名', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 3 => array( 'title' => '真實(shí)姓名', 'name' => 'true_name', 'description' => '真實(shí)姓名', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 4 => array( 'title' => '密碼', 'name' => 'password', 'description' => '密碼', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 5 => array( 'title' => '郵箱', 'name' => 'email', 'description' => '郵箱', 'enum' => array(), 'type' => 'text', 'widget_type' => '', ), 6 => array( 'title' => '是否刪除', 'name' => 'deleted', 'description' => '是否刪除', 'enum' => array( 0 => '未刪除', 1 => '已刪除', ), 'type' => 'none', 'widget_type' => '', ), 7 => array( 'title' => '創(chuàng)建時(shí)間', 'name' => 'created', 'description' => '創(chuàng)建時(shí)間', 'enum' => array(), 'type' => 'none', 'widget_type' => 'date', ), 8 => array( 'title' => '修改時(shí)間', 'name' => 'modified', 'description' => '修改時(shí)間', 'enum' => array(), 'type' => 'none', 'widget_type' => 'date', ), ); /Form::getInstance() ->input_inline_start() ->form_schema($init) ->input_submit('<i class="layui-icon"></i> 搜索', ' class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"', 'class="layui-btn layui-btn-primary"') ->input_inline_end() ->form_class(/LayuiForm::form_class_pane) ->form_method(Form::form_method_get) ->create();

table表單

<?php require __DIR__ . '/../src/Form.php'; $form_init = array ( 'id' =>array ( 'title' => '主鍵', 'name' => 'id', 'description' => '主鍵', 'enum' =>array(), 'type' => 'hidden', 'widget_type' => '', ), 'name' =>array ( 'title' => '配置名稱', 'name' => 'name', 'description' => '配置名稱', 'enum' =>array(), 'type' => 'text', 'widget_type' => '', ), 'description' =>array ( 'title' => '配置描述', 'name' => 'description', 'description' => '配置描述', 'enum' =>array(), 'type' => 'text', 'widget_type' => '', ), 'input_type' =>array ( 'title' => '表單類(lèi)型', 'name' => 'input_type', 'description' => '表單類(lèi)型', 'enum' =>array ( 'hidden' => '隱藏域', 'select' => '下拉', 'radio' => '單選按鈕', 'text' => '文本', 'textarea' => '多行文本', 'file' => '上傳', 'none' => '非表單', 'editor' => '富文本', 'checkbox' => '復(fù)選框', 'date' => '日期', ), 'type' => 'select', 'widget_type' => '', ), 'created' =>array ( 'title' => '創(chuàng)建時(shí)間', 'name' => 'created', 'description' => '創(chuàng)建時(shí)間', 'enum' =>array(), 'type' => 'none', 'widget_type' => 'date', ), 'modified' =>array ( 'title' => '修改時(shí)間', 'name' => 'modified', 'description' => '修改時(shí)間', 'enum' =>array(), 'type' => 'none', 'widget_type' => 'date', ), 'deleted' =>array ( 'title' => '刪除標(biāo)記', 'name' => 'deleted', 'description' => '刪除標(biāo)記', 'enum' =>array ( 0 => '未刪除', 1 => '已刪除', ), 'type' => 'none', 'widget_type' => '', ), ); $form_data=array ( 0 => array ( 'id' => 73, 'name' => 'solution_introduction', 'value' => '111', 'description' => '解決方案介紹', 'input_type' => 'textarea', 'created' => '2018-12-07 11:44:40', 'modified' => '2022-03-08 00:32:08', 'deleted' => 0, ), 1 => array ( 'id' => 72, 'name' => 'tese_product_introduction', 'value' => '222', 'description' => '特色產(chǎn)品介紹', 'input_type' => 'textarea', 'created' => '2018-12-07 11:43:52', 'modified' => '2022-03-08 00:32:09', 'deleted' => 0, ), 2 => array ( 'id' => 71, 'name' => 'new_product_introduction', 'value' => '333', 'description' => '新產(chǎn)品介紹', 'input_type' => 'textarea', 'created' => '2018-12-07 11:41:37', 'modified' => '2022-03-08 00:32:09', 'deleted' => 0, ), 3 => array ( 'id' => 70, 'name' => 'site_pinterest', 'value' => '', 'description' => 'Pinterest堪稱圖片版的Twitter鏈接', 'input_type' => 'text', 'created' => '2018-11-19 11:48:12', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ), 4 => array ( 'id' => 69, 'name' => 'site_twitter', 'value' => '', 'description' => 'Twitter（非官方漢語(yǔ)通稱推特）鏈接', 'input_type' => 'text', 'created' => '2018-11-19 11:47:04', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ), 5 => array ( 'id' => 68, 'name' => 'site_facebook', 'value' => '', 'description' => 'Facebook（臉書(shū)）鏈接', 'input_type' => 'text', 'created' => '2018-11-19 11:46:07', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ), 6 => array ( 'id' => 67, 'name' => 'site_google_plus', 'value' => '', 'description' => 'Google+SNS社交網(wǎng)站鏈接', 'input_type' => 'text', 'created' => '2018-11-19 11:45:26', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ), 7 => array ( 'id' => 66, 'name' => 'site_linkedin', 'value' => '', 'description' => 'LinkedIn領(lǐng)英鏈接', 'input_type' => 'text', 'created' => '2018-11-19 11:43:53', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ), 8 => array ( 'id' => 65, 'name' => 'site_livechat_code', 'value' => '', 'description' => 'livezilla在線客服代碼', 'input_type' => 'textarea', 'created' => '2018-11-15 16:45:15', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ), 9 => array ( 'id' => 64, 'name' => 'site_skype', 'value' => '', 'description' => '聯(lián)系skype', 'input_type' => 'text', 'created' => '2018-11-15 16:44:40', 'modified' => '2019-04-27 14:08:07', 'deleted' => 0, ) ); /Form::getInstance() ->table('擴(kuò)展配置', '', 'site_config', $form_init, $form_data) ->create();


關(guān)鍵詞：設(shè)計(jì)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉