用php实现一个简易的web表单生成器,网络编程PHP Web表单生成器案例分析

本文实例讲述了PHP Web表单生成器。分享给大家供大家参考,具体如下:

1.实例:

48920113c0df08e0fef8cb203e855858.png

2. 需求分析

在项目的实际开发中,经常需要设计各种各样表单。直接编写HTML表单虽然简单,但修改、维护相对麻烦。

因此,可以利用PHP实现一个Web表单生成器,使其可以根据具体的需求定制不同功能的表单。具体实现需求如下:

使用多维数组保存表单的相关信息

支持的表单项包括文本框、文本域、单选框、复选框和下拉列表5种类型

保存每个表单项的标记、提示文本、属性、选项值、默认值等

将功能封装成函数,根据传递的参数生成指定的表单

数据的保存形式决定了程序实现的方式。

因此,根据上述开发要求,可以将每个表单项作为一个数组元素,每个元素利用一个关联数组描述,分别为:标记tag、提示文本text、属性数组attr、选项数组option和默认值default。

810385cfea579d5a3de029d77b752934.png

3.案例实现

1.准备表单

表单的主要功能:就是在网页上用于输入信息的区域,收集用户输入的信息,并将其提交给后端的服务器进行处理,实现用户与服务器的交互。

例如:购物结算、信息搜索等都是通过表单实现的。

2.准备表单——创建表单

一个完整的表单是由表单域和表单控件组成的。其中,表单域由form标记定义,用于实现用户信息的收集和传递。

type属性设置不同的值,即可得到不同的表单控件

name属性用于指定控件的名称,用以区分表单中多个相同的控件

value属性用于设置表单控件的默认值

//input控件

游泳

读书

跑步

checked属性用于设置默认选中项

//textarea控件

textarea控件适用于自我评价、评论等可能需要输入大量信息的功能

属性cols和rows用于定义文本域的高度和宽度

//select控件

--请选择--

北京

深圳

上海

select是定义下拉列表的标记

option是定义下拉列表中具体选项的标记

selected属性用于设置默认选中项

4.准备表单—label标记

在编写表单控件时,为了提供更好的用户体验,经常将input控件与label标记联合使用,以扩大控件的选择范围。

例如,选择性别时,单击提示文字“男”或“女”,也可选中相应的单选按钮。

使用label标记包裹单选按钮和提示文本,即可实现单击label标记里的内容时,相应的表单控件就会被选中。

5.多维数组

根据案例的需求分析可知,表单项的相关数据统一保存到一个多维数组中。其中,利用数字键名区分不同的表单项,每个表单项又是一个二维的关联数组。

// 利用多维数组保存表单元素

[

0 => [],// 表单项---单选按钮

1 => [],// 表单项

2 => [],// 表单项---文本框

3 => [],// 表单项

……

];

// 每个表单项的数组结构

0 => [

'tag' => '', // 标记----input、textarea、select

'text' => '', // 提示文本----label标签内显示的内容

'attr' => [],// 属性数组----表单元素的属性,如type

'option' => [], // 选项数组----单选框或复选框中的每个选项

'default' => ''// 默认值----默认值

],

//准备表单数组

// $elements数组保存整个表单

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

],

option利用关联数组保存具体的单选项,键名m、w为单选框的value属性值,对应的值“男”、“女”为该单选项的提示信息

default的值为option关联数组中的一个键名,表示默认选中哪一项

//复选框

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数组

实现思路

为了方便处理用户提交的数据,将$elements中的每个表单项与指定的数组进行合并,使得每个表单项都含有键为tag、text、attr、option和default五个元素,且顺序相同。

根据tag值,分别调用前缀为“generate_”的函数进行表单项的拼接

每个表单项占据一行,并返回拼接好的表单

2.表单的自动生成——拼接表单元素的属性

实现思路

定义函数generate_attr($attr, $items = ‘')用于完成表单元素属性的拼接

$attr数组中元素的键为属性名称,元素的值为属性的值

通过遍历完成属性与$items的拼接并返回,如type=“radio” name=“gender”

3.表单的自动生成——拼接input元素

实现思路

根据是否含有option元素,判断是否是单选或多选

若不是,则直接调用属性函数完成表单项的拼接

若是,则通过遍历依次完成多个选项的拼接并返回

7179648107c729e1ca79c788852eb813.png

4.表单的自动生成——拼接select元素

实现思路

拼接下拉列表的选项option

完成select标记的完整拼接并返回

b3bc5c1db6177623743cd42fa63a1dbd.png

5.表单的自动生成——拼接textarea元素

实现思路

拼接textarea元素的属性

完整拼接textarea并返回

a2eb64c5f5a1053f3221b65205508abf.png

更多关于PHP相关内容感兴趣的读者可查看本站专题:《php程序设计安全教程》、《php安全过滤技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/559182.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

matlab示波器有功功率,巧用示波器计算功率-测试测量-与非网

示波器主要用于测量电流和电压,然后通过一系列魔术般的数学公式就可以计算出功率。遗憾的是,功率有许多种类:瞬时功率、有功功率、视在功率和无功功率。这么多的功率术语经常让人感到困惑。本文介绍了如何在Teledyne LeCroy HDO 6000示波器上…

php 表单提交文件大小,PHP如何通过表单直接提交大文件详解

PHP如何通过表单直接提交大文件详解前言我想通过表单直接提交大文件,django 那边我就是这么干的。而对于 php 来说,我认为尽管可以设置最大上传的大小,但最大也无法超过内存大小,因为它无法把文件内容都放到 php://input 里面。直…

php登陆项目,ThinkPHP6项目基操(14.实战部分 中间件处理登录流程)

一、定义中间件namespace app\middleware;class Check{public function handle($request, \Closure $next){if ($request->param(name) think) {return redirect(index/think);}return $next($request);}}中间件类可以随意命名,中间件的入口执行方法必须是handl…

蓝桥杯第七届决赛之---阶乘位数

阶乘位数9的阶乘等于:362880它的二进制表示为:1011000100110000000这个数字共有19位。请你计算,9999 的阶乘的二进制表示一共有多少位? 思路总结: 根据平时做题规律得到如下规律:public class SwingDesign …

生日快乐模板php,可会有人跟我说句生日快乐

一个人一年可以经历三百六十五次零点的跨越,可是真正有意义的却只有那么一次。从呱呱坠地到现在芳华正茂,今晚将是我要度过的第二十二个零点。从此以后,我便会进入到一个崭新的年龄,弱弱的问一句:可会有人跟我说句生日…

Java排序算法之--快速算法--快速上手

何为快速算法:它是冒泡排序的改进~ 基本思想是:通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以…

排序算法值--堆排序

堆实际上是一棵完全二叉树&#xff0c;其任何一非叶节点满足性质&#xff1a;Key[i]<key[2i1]&&Key[i]<key[2i2]或者Key[i]>Key[2i1]&&key>key[2i2]即任何一非叶节点的关键字不大于或者不小于其左右孩子节点的关键字。堆分为大顶堆和小顶堆&#x…

linux 彻底删除oracle,Linux下完美卸载Oracle

先说一下Linux 下Oracle没有卸载干净再安装会出现什么后果吧&#xff0c;在一次生产环境安装中&#xff0c;装Oracle时出现一个错误&#xff0c;倒致oracle没有安先说一下Linux 下Oracle没有卸载干净再安装会出现什么后果吧&#xff0c;在一次生产环境安装中&#xff0c;装Orac…

spring常见术语理解

SpringMVC工作流程&#xff1a;流程 1、用户发送请求至前端控制器DispatcherServlet 2、DispatcherServlet收到请求调用HandlerMapping处理器映射器。 3、处理器映射器找到具体的处理器&#xff0c;生成处理器对象及处理器拦截器(如果有则生成)一并返回给DispatcherServlet。 …

linux ssh服务,Linux配置SSH服务以便实现远程连接

Linux用户们一定想要知道该怎么开启SSH服务吧&#xff0c;SSH服务是Linux系统远程连接的重要方式&#xff0c;所以如何配置SHH服务也让很多用户感到纠结。现在小编就帮大家解决这个问题。配置方法&#xff1a;查询\安装SSH服务1.登陆linux系统&#xff0c;打开终端命令。输入 r…

玄学········为什么在eclipse上更改程序之后运行之后好像没更改一样

更改了半天&#xff0c;保存的了很多次&#xff0c;错误也改掉了&#xff0c;但是还是报同一个错误&#xff0c;很痛苦~搜了半天&#xff0c;终于搞定了&#xff0c;方法总结如下&#xff1a;一 可能是有一些文件没报存&#xff0c;设置让其自动保存&#xff1a;1 Windows-&g…

转圈打印矩阵~~

下面附上程序&#xff0c;欢迎各位前来讨论&#xff1a; package jian_zhi_offer;public class code29_PrintMatrixClockWisely {public static void main(String args[]) {int arr[][] { { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 } };printMatrix(arr);}/* 这个函数…

“之”字形打印矩阵~

编程如下&#xff1a; 欢迎大家前来讨论~ public class PrintMatirx { public static void main(String args[]) { int arr[][] { { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 } }; printZigMatrix(arr); } public static void printZigMatrix(int arr[][]) { int row1 …

linux设备probe,你了解Embeded linux中的probe

一、基于linux-3.18.20、mac驱动二、启动时机&#xff1a;所谓的"probe”&#xff0c;是指在Linux内核中&#xff0c;如果存在相同名称的device和device_driver&#xff0c;内核就会执行device_driver中的probe回调函数&#xff0c;而该函数就是所有driver的入口&#xff…

在行列都排好序的矩阵中找数

对于这种题&#xff0c;首先要读懂该题的题意&#xff0c;首先是有序的&#xff0c;然后就判断K是否存在数组中。 仔细研究这个题之后不难发现一个规律&#xff0c;咱们定义右上角的坐标为&#xff08;row&#xff0c;col&#xff09;则有如下规律&#xff1a;程序如下&#xf…

打印两个有序链表的公共部分~~

类似与归并排序&#xff0c;这里就不再赘述了~

透彻理解回文~单链表的逆序~

判断一个单链表是不是回文&#xff0c;主要有三种方法&#xff0c;不过如果要考虑空间复杂度的话&#xff0c;就只有常用的一种方法了。 这种方法很考验一个人的细心以及编程能力~ 前两种方法比较简单我就不祥述了~ 主要讲一下最后一种方法&#xff1a;直接上图了~下面附上code…

linux下nand flash驱动工作原理,Linux驱动之Nand Flash四问,原理、工作方式都包含了...

Nand Flash 是一个存储芯片。本文引用地址&#xff1a;http://www.eepw.com.cn/article/201801/374606.htm那么&#xff1a;这样的操作很理“读地址A的数据&#xff0c;把数据B写到地址A”问1&#xff1a;原理图上的Nand Flash和SC2440之间只有数据线&#xff0c;怎么传输地址?…

将单向链表按某值划分成左边小、 中间相等、 右边大的形式~迎娶是挺

这道题一开始想到的方法可能就是patition方法了&#xff0c;大概思路我说一下&#xff0c;先把这个链表存为数组&#xff08;说明其空间复杂度为0&#xff08;1&#xff09;&#xff09;&#xff0c;然后在对这个数组进行patition&#xff0c;即定义两个指针&#xff0c;一个指…

复制含有随机指针节点的链表~哈希表的使用~(⌒▽⌒)

题目意思就是说给你给head 的Node节点&#xff08;这是一个比较特殊的链表&#xff09;&#xff0c;来拷贝出它地结构出来。 方法一&#xff1a;借助HashMap的特性&#xff0c;定义一个HashMap<Node,Node> map对象&#xff0c;key和value都是value类型 &#xff0c;key来…