带验证码的迅睿CMS网站表单如何做

带验证码的迅睿CMS网站表单如何做?先添加一个自定义表单,再添加自定义表单的”自定义字段“,输入显示名称、字段名称、选好字段类别,这样网站自定义表单就添加完成了。

带验证码的迅睿CMS网站表单如何做,如何去提交和调用网站表单,想将网站表单放在前端首页,然后用户在前端页面提交数据,迅睿CMS应该怎样去做?下面大兵来讲讲。

迅睿CMS网站表单如何做

1、先要在后台添加一个自定义表单,点击后台“设置-网站表单”,点击上方的添加按钮,就可以添加一个自定义表单了,最后输入表单名称和表单别名,点击确定就成功添加一个网站表单了,如下图所示:

添加一个迅睿CMS自定义表单

2、接着点击自定义表单的“自定义字段”按钮,添加自定义表单字段,如下图所示:

添加自定义表单字段

3、进入网站自定义表单的字段添加界面,点击添加按钮,输入显示名称、字段名称、选好字段类别,其它默认就行了,如下图所示:

添加网站自定义表单字段

4、其它字段按照以上方法依次添加好,添加完成后如下图所示:

迅睿CMS网站表单自定义字段

5、迅睿CMS后台网站自定义表单添加完成后,接着就是调用到前端页面。
网站自定义表单如果直接使用{$myfield}标签,前台页面就会直接使用系统默认的表单域样式,如下图所示:

系统默认的表单域样式
系统默认的表单域样式

但在实际的使用过程中,往往开发者都需要改变系统默认的表单域样式,那么要如何弄呢?

{php extract(dr_get_form_post_value(‘liuyan’))}
<p>调试信息:{$debug}</p>
<form action=”{$post_url}&is_show_msg=1″ class=”form-horizontal” method=”post” name=”myform” id=”myform”>
<div class=”fc-form-body”>

这里写自定义的表单输入框代码

{if $is_post_code}
<div class=”form-group”>
<label class=”control-label col-md-2″>{dr_lang(‘验证码’)}</label>
<div class=”col-md-9″>
<label>
<div class=”form-recaptcha”>
<div class=”input-group”>
<input type=”text” class=”form-control” name=”code”>
<div class=”input-group-btn fc-code”>
{dr_code(120, 35)}
</div>
</div>
</div>
</label>
</div>
</div>
{/if}
</div>
<div class=”portlet-body form myfooter”>
<div class=”form-actions text-center”>
<button type=”button” onclick=”dr_ajax_submit(‘{$post_url}’, ‘myform’, ‘2000’, ‘{$rt_url}’)” class=”btn green”> AJAX提交</button>
<button type=”submit” class=”btn green”> 普通提交</button>
</div>
</div>
</form>

表单代码就可以写成:<input type=”text” name=”data[title]” id=”dr_title” value=”” />

以上就是大兵给大家分享的带验证码的迅睿CMS网站表单制作步骤方法,感谢浏览。

本文发布于大兵SEO博客文章,作者:大兵,如若转载,请注明出处:https://www.zhuzhouren.cn/jianzhanjiaocheng/xunruicms/8519.html,否则,禁止转载,谢谢配合!

发表评论

登录后才能评论
联系我

平时工作忙:合作还是咨询SEO服务,请简明扼表明来意!谢谢!

在线咨询:点击这里给我发消息

邮件:dabingseo@qq.com
工作时间:周一至周六,10:30-24:30,节假日休息

个人微信
个人微信
分享本页
返回顶部