您现在的位置是:首页 > cms教程 > phpcms教程phpcms教程
phpcms自定义表单的实现方法
怀亦2025-05-06phpcms教程已有人查阅
导读(1):打开后台,点击模块,找到表单向导,点击添加表单向导,出现下面的界面。(2):接下来,我们需要介绍下上面图中的模板选择和js调用使用的模板这两个选项
phpcms如何自定义表单
自定义表单的步骤如下:
(1):打开后台,点击模块,找到表单向导,点击添加表单向导,出现下面的界面。
(2):接下来,我们需要介绍下上面图中的模板选择和js调用使用的模板这两个选项,对于模板选择的话,其实就是我们的表单的前台页面,js调用使用的模板表示提交表单之后执行的跳转操作,一般情况下,我们只需要切换模板选择部分内容就可以实现表单样式修改,js调用使用的模板不需要我们做任何操作,具体模板选择show.html与js调用使用的模板show_js.html存储在什么地方呢?
答案是phpcms\templates\default\formguide路径下,那么实际中,我们只需要切换模板选择即可,在此我自己定义一个show_message.html的文件,并将模板选择位置切换成我的show_message.html文件。
(3):接下来就是我的show_message.html文件编写过程了,该文件的编写需要参考原先show.html写法,我们来看下show.html里面关于表单的部分是怎么写的。
这里面比较重要的有下面几个部分
(1):form的action部分,该部分的值为
?m=formguide&c=index&a=show&formid={$formid}&siteid=<?php echo $this->siteid;?>,一般情况下你直接复制到自己的form表单的action部分就可以了。
(2):至于form标签下的name=”myform” id=”myform”部分,是可有可无的,想写就写不想写去掉也可以的。
(3):接下来是{loop $forminfos_data $field $info}循环体了,这个循环体比较重要,$field拿到的是你在创建完表单向导之后,添加字段的时候取的字段英文名,对应的就是存储你留言信息数据库中的字段,而$info则存储着你定义数据表字段的一些额外信息,比如数据表字段的中文名,具体这些值在哪些地方设置呢?就是在你创建完表单之后,点击添加字段之后出现的界面中填写的内容,具体就是下面界面:
(4):接下来是变量遍历循环部分,该部分主要功能是循环拿到根据我们创建的数据表系统为我们创建出来的表单信息内容,比如
{$info['form']} {$info['tips']}这句代码中的{$info['form']}获取到的内容就是当前字段对应的系统为我们默认创建的表单样式,举个例子如下图,下图中的值是我直接打印$info得到的结果值:
(5):最后一个需要注意的地方就是
到此为止,我们查看了phpcms系统默认的show.html表单样式实现,接下来我们实现自己的表单样式,我直接把我的实现代码贴出来
我这段代码对原先show.html大的改动在于下面几点
首先我自己的表单样式为class="met-form met-form-validation",而原先的代码中不存在这部分内容
我去除了name="myform" id="myform"这部分内容值
接下来在表单创建input部分,同样使用了
{loop $forminfos_data $field $info}的方式,并且通过$info['formtype']来判断是单行文本还是多行文本
以单行文本为例
,这部分中name='info[{$field}]'比较关键,如果你的表单中没写这几句代码,你会发现在提交表单之后,数据库中根本没有你填写的内容信息,后台中留言信息列表中也不会出现你写的留言内容
最后在submit部分添加了name="dosubmit"这句代码,注意,如果没有这句代码,你照样在数据库中找不到你的留言内容。
至此为止,我们已经可以创建自己风格的表单啦!
自定义表单的步骤如下:
(1):打开后台,点击模块,找到表单向导,点击添加表单向导,出现下面的界面。
(2):接下来,我们需要介绍下上面图中的模板选择和js调用使用的模板这两个选项,对于模板选择的话,其实就是我们的表单的前台页面,js调用使用的模板表示提交表单之后执行的跳转操作,一般情况下,我们只需要切换模板选择部分内容就可以实现表单样式修改,js调用使用的模板不需要我们做任何操作,具体模板选择show.html与js调用使用的模板show_js.html存储在什么地方呢?
答案是phpcms\templates\default\formguide路径下,那么实际中,我们只需要切换模板选择即可,在此我自己定义一个show_message.html的文件,并将模板选择位置切换成我的show_message.html文件。
(3):接下来就是我的show_message.html文件编写过程了,该文件的编写需要参考原先show.html写法,我们来看下show.html里面关于表单的部分是怎么写的。
这里面比较重要的有下面几个部分
(1):form的action部分,该部分的值为
?m=formguide&c=index&a=show&formid={$formid}&siteid=<?php echo $this->siteid;?>,一般情况下你直接复制到自己的form表单的action部分就可以了。
(2):至于form标签下的name=”myform” id=”myform”部分,是可有可无的,想写就写不想写去掉也可以的。
(3):接下来是{loop $forminfos_data $field $info}循环体了,这个循环体比较重要,$field拿到的是你在创建完表单向导之后,添加字段的时候取的字段英文名,对应的就是存储你留言信息数据库中的字段,而$info则存储着你定义数据表字段的一些额外信息,比如数据表字段的中文名,具体这些值在哪些地方设置呢?就是在你创建完表单之后,点击添加字段之后出现的界面中填写的内容,具体就是下面界面:
(4):接下来是变量遍历循环部分,该部分主要功能是循环拿到根据我们创建的数据表系统为我们创建出来的表单信息内容,比如
{$info['form']} {$info['tips']}这句代码中的{$info['form']}获取到的内容就是当前字段对应的系统为我们默认创建的表单样式,举个例子如下图,下图中的值是我直接打印$info得到的结果值:
(5):最后一个需要注意的地方就是
到此为止,我们查看了phpcms系统默认的show.html表单样式实现,接下来我们实现自己的表单样式,我直接把我的实现代码贴出来
我这段代码对原先show.html大的改动在于下面几点
首先我自己的表单样式为class="met-form met-form-validation",而原先的代码中不存在这部分内容
我去除了name="myform" id="myform"这部分内容值
接下来在表单创建input部分,同样使用了
{loop $forminfos_data $field $info}的方式,并且通过$info['formtype']来判断是单行文本还是多行文本
以单行文本为例
,这部分中name='info[{$field}]'比较关键,如果你的表单中没写这几句代码,你会发现在提交表单之后,数据库中根本没有你填写的内容信息,后台中留言信息列表中也不会出现你写的留言内容
最后在submit部分添加了name="dosubmit"这句代码,注意,如果没有这句代码,你照样在数据库中找不到你的留言内容。
至此为止,我们已经可以创建自己风格的表单啦!
本文标签:
很赞哦! ()
相关教程
- jQuery :disabled选择器:精准定位所有禁用的表单元素
- jQuery :enabled选择器:精准选中所有可用表单元素
- jQuery submit()事件:拦截和控制表单提交
- jQuery change()事件:捕获表单元素的值变化
- jQuery serializeArray()方法:把表单数据变成对象数组
- jQuery serialize()方法:表单数据的序列化处理
- jQuery val()方法:表单值的读取与写入
- JavaScript表单验证
- HTML5 表单控件与属性详解
- phpcms v9自定义表单添加验证码验证功能代码示例
- phpcmsv9表单向导功能的使用方法
- phpcmsv9表单向导添加验证码的方法
图文教程
PHPCMS后台怎么备份数据库
PHPCMS后台怎么备份数据库首先访问PHPCMS后台并进行登录;然后在顶部导航栏找到【扩展】进行点击;接着点击左侧栏中【数据库工具】;最后选择要备份的数据库点击备份即可。
phpcms二次开发步骤教程实例
phpcms是采用mvc设计模式开发,基于模块和操作的方式进行访问,采用单一入口模式进行项目部署和访问,无论访问任何一个模块或者功能,只有一个统一的入口。
phpcmsV9内容模型管理介绍
模型,系统知识的抽象表示。既然抽象了,那就得脑补一下。大家都是面向对象设计的专业人员,类就很抽象的,对比类的定义想象一下模型的概念。
PHPCMS的基础代码语法使用方法介绍
到目前为止用到过的phpcms语法:1、取栏目名称:2、取栏目地址:3、取一级栏目:4、取带二级栏目的导航:5、取内容:灵活运用:
相关源码
-
(PC+WAP)聚氨酯粉末涂料防腐耐用材料粘合剂网站源码下载为化工涂料企业设计的展示系统,集成产品技术参数库、颜色样板展示器和配方查询模块。支持粉末涂料、环氧树脂等多类产品分类展示查看源码 -
宽屏自适应搬家家政快递物流公司网站模板该宽屏大气的响应式网站模板专为搬家公司、家政服务及物流快递企业设计,基于PbootCMS内核开发,通过自适应布局确保手机、PC等多终端体验一致,助力企业高效构建专业在线服务平台。查看源码 -
(自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发,专为重型机械设备行业设计,特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术,确保各类设备参数和图片在不同终端上都能清晰展示。查看源码 -
(PC+WAP)蓝色钢结构机械五金工程建筑基建营销型pbootcms模板下载于PbootCMS开发的钢结构与工程机械专用模板,助力企业构建专业级产品展示平台;模板内置工程案例展示、产品参数对照表等专业模块,预设项目进度、施工方案等建筑行业专属栏目查看源码 -
pbootcms模板(PC+WAP)传媒广告影视公司网站源码基于PbootCMS内核开发的全自适应传媒文化网站模板,为影视公司、广告传媒企业打造,同时支持多行业快速适配。通过替换文字图片即可转换为其他行业网站查看源码 -
(自适应响应式)英文外贸医疗科研耗材设备pbootcms网站模板为医疗设备和外贸企业设计的响应式网站模板,基于PbootCMS系统开发。突出医疗产品认证展示和国际化特性,通过专业化的产品参数展示模块和文档管理系统,满足医疗行业严格的信息披露要求。查看源码
| 分享笔记 (共有 篇笔记) |