自定义表单模块使用

发布时间:2022-10-06点击数:845

自定义表单模块,可以由用户可以根据需求,自由组合表单元素生成表单,“自定义表单”模块需要在网站后台顶部的“DouPHP+”找到“自定义表单”模块进行安装。

需要注意的是,在后台首次进入自定义表单模块显示的是表单创建页面,创建后,第一次进入时就会默认先显示表单的“数据列表”(就是用户提交过来的信息)。

创建表单

一,先创建一个新的表单,主要输入“表单名称”、“英文标记”、“表单描述”、“提交后返回链接”(就是前台用户提交表单后返回的页面,比如您希望用户提交完表单后页面跳转到网站首页,这里就输入首页的网址)。

二,创建后表单后通过表单列表找到之前创建好的表单,点击“编辑”再次编辑表单时就会多了“表单自定义选项”编辑的区域,这里就是输入该表单具体的表单元素。

  1,选项名称:是指表单元素的名称,比如咋们常见的用户注册页面,表单元素常有邮箱、手机号、姓名,这就是表单元素名称了。

  2,英文标记:是指表单元素的“name”属性,这是用户看不到的,是提交表单时提交给系统时用于识别的。

  3,类型:是指表单元素额类型,常见的有文本输入(input)、下来选择(select)、多行的文本(textarea)、单选按钮(radio),这些类型名称需要有一定的网页制作基础才能理解,如果不理解也没事,多试一试就明白了。

  4,单位:是指显示在表单元素输入框后面的文字,比如创建的表单元素是“面积”,这里需要告诉用户单位是平方米,则这里单位就输入平方米。

  5,排序:就是您希望在该表单中表单元素显示的顺序,如果不设置默认就是安装添加顺序显示。

  6,填写需求:一般表单元素就分为必填和可选,如果您需要该表单元素用户一定要填写,就选择必填。

  7,候选值:该选项只对“类型”选择了下拉选择和单选按钮时有效,设置的就是这两种类型时提供给用于的选择项。

表单应用

方式一:在表单列表,可以获取到“表单链接”,就是前台用户访问该表单的地址,这种方式表单比较单调,但也也无需自己修改代码就可以使用;

方式二:查看方式一表单页面的源代码,然后复制form部分的代码,到您需要放置表单的页面模板文件,这样可以实现比较个性化定义,比如可以放到首页,放到网站底部,可以放在指定的内页,可以对样式进行设计,总之“自定义表单”可以放在任意位置,当然您需要有一点技术基础。

如获取到类似以下代码

<div class="table-div container">
 <form id="formSubmit" action="http://www.domain.com/form/submit" method="post">
  <dl>
   <dt>测试选项</dt>
   <dd>
    <input type="text" name="ceshi" size="30" class="text-input">
    <p id="ceshi" class="cue"></p>
   </dd>
  </dl>
  <dl>
   <dt>选项二</dt>
   <dd>
    <select name="xuanxianger" class="select">
     <option value="测试一">测试一</option>
     <option value="测试二">测试二</option>
     <option value="测试三">测试三</option>
    </select>
    <p id="xuanxianger" class="cue"></p>
   </dd>
  </dl>
  <dl>
   <dt>测试选项二</dt>
   <dd>
    <input type="text" name="ceshier" size="30" class="text-input">
    <p id="ceshier" class="cue"></p>
   </dd>
  </dl>
  <dl>
   <dt>简要描述</dt>
   <dd>
    <input type="text" name="jianyao" size="30" class="text-input">
    <p id="jianyao" class="cue"></p>
   </dd>
  </dl>
  <dl>
   <dt>性别</dt>
   <dd>
    <label for="sex_1">
     <input type="radio" name="sex" id="sex_1" value="男" checked="true">
     男 </label>
    <label for="sex_2">
     <input type="radio" name="sex" id="sex_2" value="女">
     女 </label>
    <p id="sex" class="cue"></p>
   </dd>
  </dl>
  <dl>
   <dt>选项三</dt>
   <dd>
    <input type="text" name="xuanxiangsan" size="30" class="text-input">
    <p id="xuanxiangsan" class="cue"></p>
   </dd>
  </dl>
  <dl class="submit">
   <input type="hidden" name="form_id" value="1">
   <input type="button" class="btn" value="提交" onclick="douSubmit('formSubmit')">
  </dl>
 </form>
</div>

上面的代码中,要注意表单提交的URL,这里前部分是您的域名,后部分是表单提交的地址(如果开启伪静态就是如图所示,没有开启伪静态就是form.php?rec=submit,当然您也无需在意这里,这整块代码直接从表单前台地址源代码中原样复制过来即可)

然后就是注意 

<input type="hidden" name="form_id" value="1">

这部分代码,这部分代码form_id就是对应您复制代码的表单ID

数据查看

通过“自定义表单”收集到用户提交的数据都会显示在后台“自定义表单”-》“数据列表”,在列表里可以根据具体哪个表单进行分组显示

数据处理

数据列表中查看具体某一条数据,可以对该条数据进行标记,可以标记为“已处理”,这样利于用户提交表单后,管理员可以看到哪些是自己处理过的请求,哪些是没有处理过的。