想问一下,后台创建了表单以后,用下列代码是系统会自动调出来代码。但是有些时候样式冲突了,不好看,就是怎么样可以单独把每一个字段单独写出来,
谁能针对不同字段类型写一个样板出来。
比如说
文本字段(姓名:name)
多行文本字段(内容:neirong)
上传字段(附件:fujian)
单选字段(性别:xingbie)
复选字段(了解渠道:qudao)
日期选择字段(出生日期:riqi)
这些常用字段的单独调用的代码 谁能写一个参考案例。
还有就是最后点击上传的按钮,也或者说用layui默认样式什么的
{php extract(dr_get_form_post_value('qyxqpqsq'))}
<form action="" class="form-horizontal " method="post" name="myform" id="myform">
{$form}
<div class="fc-form-body">
{$myfield}
{$diyfield}
{$sysfield}
{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="layui-btn layui-btn-blue"> <i class="fa fa-save"></i> 立即提交</button>
</div>
</div>
</form>
{$myfield} {$diyfield} {$sysfield}删除掉,然后自己用css写表单控件,name值保持一致就可以入库了<link rel="stylesheet" href="/static/layui/css/layui.css" media="all"> <script src="/static/layui/layui.js"></script> <button type="button" class="layui-btn" id="dr_fujian_btn"> <input type="hidden" id="dr_fujian" name="data[fujian]" value=""> <i class="layui-icon"></i>上传 </button> <script> layui.use('upload', function(){ var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#dr_fujian_btn' //绑定元素 ,url: '/index.php?s=api&c=file&token={dr_get_csrf_token()}&siteid={SITE_ID}&m=upload&fid=4' //上传接口 ,accept : 'file' // 所有文件 ,auto : true // 所有文件 ,field : 'file_data' // 所有文件 ,exts: 'jpg|png|gif|zip|rar|7z' //即代表只允许上传压缩格式的文件 ,done: function(res){ //上传完毕回调 if (res.code > 0) { $("#dr_fujian").val(res.id); alert('上传成功:'+res.info.url); } else { alert('上传失败:'+res.msg); } console.log(res); } ,error: function(){ //请求异常回调 alert('请求失败'); } }); }); </script>搞定,上传字段其实也很简单,xunruicms可以无缝对接<div class="layui-inline"> <input type="text" class="layui-input" id="dr_riqi"> </div> <script> layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#dr_riqi' //指定元素 }); }); </script><div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class="layui-input-block"> <select name="data[suoshu]" lay-verify="required"> <option value=""></option> {php $vv = dr_field_options(8);} {loop $vv $a $b} <option value="{$a}">{$b}</option> {/loop} </select> </div> </div>复选<div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block"> {php $vv = dr_field_options(6);} {loop $vv $a $b} <input type="checkbox" name="data[qudao]" value="{$a}" title="{$b}"> {/loop} </div> </div>单选<div class="layui-form-item"> <label class="layui-form-label">单选框</label> <div class="layui-input-block"> {php $vv = dr_field_options(5);} {loop $vv $a $b} <input type="radio" name="data[xingbie]" value="{$a}" title="{$b}">{/loop} </div> </div>靠悬赏(设置悬赏)赚钱买授权