当前位置:首页>>

免费

安装方式

简单介绍:可以自行创建表单,支持自定义添加文本框、选择框等,用户提交表单后在后台可以看到记录
编号: 分类: 开发者:DouCo Co.,Ltd 更新时间:2026-10-06 下载量:5000
**模块简介:** 可视化表单构建模块,设计自定义表单(含字段元素),并收集、查看与处理前台提交的表单数据。 ![](https://www.douphp.com/images/extend/42_content_1555899166274956_thumb.jpg) ![](https://www.douphp.com/images/extend/42_content_1555899169618450_thumb.jpg) ![](https://www.douphp.com/images/extend/42_content_1555899172040752_thumb.jpg) ![](https://www.douphp.com/images/extend/42_content_1555899175364531_thumb.jpg) 自定义表单模块,可以由用户可以根据需求,自由组合表单元素生成表单,“自定义表单”模块需要在网站后台顶部的“DouPHP+”找到“自定义表单”模块进行安装。需要注意的是,在后台首次进入自定义表单模块显示的是表单创建页面,创建后,第一次进入时就会默认先显示表单的“数据列表”(就是用户提交过来的信息)。创建表单一,先创建一个新的表单,主要输入“表单名称”、“英文标记”、“表单描述”、“提交后返回链接”(就是前台用户提交表单后返回的页面,比如您希望用户提交完表单后页面跳转到网站首页,这里就输入首页的网址)。二,创建后表单后通过表单列表找到之前创建好的表单,点击“编辑”再次编辑表单时就会多了“表单自定义选项”编辑的区域,这里就是输入该表单具体的表单元素。  1,选项名称:是指表单元素的名称,比如咋们常见的用户注册页面,表单元素常有邮箱、手机号、姓名,这就是表单元素名称了。  2,英文标记:是指表单元素的“name”属性,这是用户看不到的,是提交表单时提交给系统时用于识别的。  3,类型:是指表单元素额类型,常见的有文本输入(input)、下来选择(select)、多行的文本(textarea)、单选按钮(radio),这些类型名称需要有一定的网页制作基础才能理解,如果不理解也没事,多试一试就明白了。![](https://www.douphp.com/images/help/89_content_1665048075790393.jpg)   4,单位:是指显示在表单元素输入框后面的文字,比如创建的表单元素是“面积”,这里需要告诉用户单位是平方米,则这里单位就输入平方米。  5,排序:就是您希望在该表单中表单元素显示的顺序,如果不设置默认就是安装添加顺序显示。  6,填写需求:一般表单元素就分为必填和可选,如果您需要该表单元素用户一定要填写,就选择必填。  7,候选值:该选项只对“类型”选择了下拉选择和单选按钮时有效,设置的就是这两种类型时提供给用于的选择项。表单应用方式一:在表单列表,可以获取到“表单链接”,就是前台用户访问该表单的地址,这种方式表单比较单调,但也也无需自己修改代码就可以使用;方式二:查看方式一表单页面的源代码,然后复制form部分的代码,到您需要放置表单的页面模板文件,这样可以实现比较个性化定义,比如可以放到首页,放到网站底部,可以放在指定的内页,可以对样式进行设计,总之“自定义表单”可以放在任意位置,当然您需要有一点技术基础。如获取到类似以下代码<div class="table-div container">  <form id="formSubmit" action="http://www.domain.com/form/submit" method="post">       测试选项         <input type="text" name="ceshi" size="30" class="text-input">     <p id="ceshi" class="cue">              选项二         <select name="xuanxianger" class="select">      <option value="测试一">测试一      <option value="测试二">测试二      <option value="测试三">测试三          <p id="xuanxianger" class="cue">              测试选项二         <input type="text" name="ceshier" size="30" class="text-input">     <p id="ceshier" class="cue">              简要描述         <input type="text" name="jianyao" size="30" class="text-input">     <p id="jianyao" class="cue">              性别         <label for="sex_1">      <input type="radio" name="sex" id="sex_1" value="男" checked="true">      男      <label for="sex_2">      <input type="radio" name="sex" id="sex_2" value="女">      女      <p id="sex" class="cue">              选项三         <input type="text" name="xuanxiangsan" size="30" class="text-input">     <p id="xuanxiangsan" class="cue">          <dl class="submit">    <input type="hidden" name="form_id" value="1">    <input type="button" class="btn" value="提交" onclick="douSubmit('formSubmit')">      上面的代码中,要注意表单提交的URL,这里前部分是您的域名,后部分是表单提交的地址(如果开启伪静态就是如图所示,没有开启伪静态就是form.php?rec=submit,当然您也无需在意这里,这整块代码直接从表单前台地址源代码中原样复制过来即可)![](https://www.douphp.com/images/help/89_content_1665056944018340.png) 然后就是注意 <input type="hidden" name="form_id" value="1">这部分代码,这部分代码form_id就是对应您复制代码的表单ID数据查看通过“自定义表单”收集到用户提交的数据都会显示在后台“自定义表单”-》“数据列表”,在列表里可以根据具体哪个表单进行分组显示![](https://www.douphp.com/images/help/89_content_1665056368250685.jpg) 数据处理数据列表中查看具体某一条数据,可以对该条数据进行标记,可以标记为“已处理”,这样利于用户提交表单后,管理员可以看到哪些是自己处理过的请求,哪些是没有处理过的。![](https://www.douphp.com/images/help/89_content_1665056522484214.png) **后台入口:** 左侧菜单「自定义表单」,路由 `admin/index.php?route=form`。同一入口下含:表单列表(form_list)、表单设计(create/edit)、表单数据列表(form_data_list)。 **表单列表:** - 列:记录号、表单名称 name、表单地址 url、状态、"字段元素"入口、"表单数据"入口、操作。 **新增 / 编辑表单:** - 表单名称 name、标识 slug、表单说明/内容 content、缩略图 thumb、提交返回地址 back_url、状态。 - 为表单增删改字段元素:字段名 name、字段标识 slug、字段类型 type、是否必填 must_fill、排序 sort。 - 数据列表:记录号、提交的表单数据 box、所属表单 name、提交者 IP、处理状态 status、提交时间。 - formDataCheck:审核/标记数据处理状态;formDataDelete:删除数据记录。 **注意事项:** - 字段标识 slug 决定提交数据的键名,已收集到数据后不宜随意改名。
在线客服