迅睿CMS全局表单制作在线留言,在线留言还可以上传文件,支持游客用户上传文件的制作教程。
制作前必知的四个核心知识
1、第一步:CSS和JS文件引用
CSS引用
<link rel="stylesheet" type="text/css" href="{THEME_PATH}assets/global/plugins/jquery-fileupload/css/jquery.fileupload.css">
JS引用
<script src="{THEME_PATH}assets/global/plugins/jquery.min.js"></script>
<script src="{THEME_PATH}assets/js/cms.js"></script>
<script src="{THEME_PATH}assets/global/plugins/jquery-fileupload/js/jquery.fileupload.min.js"></script>
<head>
注意:将CSS和JS文件复制到表单模板中。
2、表单开头必需加入这行代码{php extract(dr_get_form_post_value('liuyan'))}
,liuyan
需要改成你自己的表单别名。
如:
{php extract(dr_get_form_post_value('zxly'))}
<form action="{$post_url}&is_show_msg=1" class="form-horizontal" method="post" name="myform" id="myform">
<label for="name">姓名:</label>
<input type="text" id="dr_name" name="data[name]">
<label for="phone">电话:</label>
<input type="tel" id="dr_phone" name="data[phone]">
<label for="demand">需求:</label>
<textarea id="dr_xuqiu" name="data[xuqiu]"></textarea>
<?php echo dr_fieldform('{"name":"上传","fieldname":"shangchuan","ismain":"1","fieldtype":"File","setting":{"option":{"fieldtype":"","fieldlength":"","ext":"jpg,gif,png,jpeg,rar,zip","size":"5","attachment":"0","image_reduce":"1000","is_ext_tips":"0","css":""},"validate":{"required":"0","pattern":"","errortips":"","check":"","filter":"","formattr":"","tips":""}},"ismember":"1"}', $shangchuan, 1, 1);?>
<label for="verificationCode">验证码:</label>
<input type="text" id="verificationCode" name="code">
{dr_code(123,50)}
<button type="submit" onclick="alert('留言提交成功!')">提交留言</button>
</form>
3、表单更改为
<form action="{$post_url}&is_show_msg=1" class="form-horizontal" method="post" name="myform" id="myform">
4、自己写html控件的时候,一定记住自己的表单name
参数是data[字段]
形式 不要忘了! 如:data[name]
<label for="name">姓名:</label>
<input type="text" id="dr_name" name="data[name]">
手把手教程制作用全局表单制作在线留言表单
手把手教程制作用全局表单制作在线留言表单