迅睿CMS:自定义网站表单/全局表单提交样式_迅睿教程_站长学院

迅睿CMS:自定义网站表单/全局表单提交样式

迅睿教程 2024-10-22 14:14:04 0次 0 来源：天荣CMS 收藏

网站表单提交界面如果使用{$myfield}等标签时会自动输出系统默认的表单域样式，在实际网站中如果开发者需要改变默认样式怎么办？

例如下图的样式：

1、这是默认表单中的form代码

{php extract(dr_get_form_post_value('liuyan'))}
<p>调试信息：{$debug}</p>
<form action="{$post_url}&is_show_msg=1" class="form-horizontal laok-m2xkqao" method="post" name="myform" id="myform">
    <div class="fc-form-body laok-suzpfau">
        {$myfield}
        {$diyfield}
        {$sysfield}
        {if $is_post_code}
        <div class="form-group laok-aubessb">
            <label class="control-label col-md-2 laok-j9tnfcm">{dr_lang('验证码')}</label>
            <div class="col-md-9 laok-i1gtpxo">
                <label>
                    <div class="form-recaptcha laok-wgp09nf">
                        <div class="input-group laok-dvtmzza">
                            <input type="text" class="form-control laok-pgg30ym" name="code">
                            <div class="input-group-btn fc-code laok-ly5hhgu">
                                {dr_code(120, 35)}
                            </div>
                        </div>
                    </div>
                </label>
            </div>
        </div>
        {/if}
    </div>

<div class="portlet-body form myfooter laok-4ej7zgd">
        <div class="form-actions text-center laok-5myxunp">
             <button type="button" onclick="dr_ajax_submit('{$post_url}', 'myform', '2000', '{$rt_url}')" class="btn green laok-o0mrski"> AJAX提交</button>
 <button type="submit" class="btn green laok-o0mrski"> 普通提交</button>
        </div>
    </div>
</form>

2、删除需要默认变量，并替换成自己的表单输入框代码

{php extract(dr_get_form_post_value('liuyan'))}
<p>调试信息：{$debug}</p>
<form action="{$post_url}&is_show_msg=1" class="form-horizontal laok-m2xkqao" method="post" name="myform" id="myform">
    <div class="fc-form-body laok-suzpfau">
    
        这里写自定义的表单输入框代码
    
    
        {if $is_post_code}
        <div class="form-group laok-aubessb">
            <label class="control-label col-md-2 laok-j9tnfcm">{dr_lang('验证码')}</label>
            <div class="col-md-9 laok-i1gtpxo">
                <label>
                    <div class="form-recaptcha laok-wgp09nf">
                        <div class="input-group laok-dvtmzza">
                            <input type="text" class="form-control laok-pgg30ym" name="code">
                            <div class="input-group-btn fc-code laok-ly5hhgu">
                                {dr_code(120, 35)}
                            </div>
                        </div>
                    </div>
                </label>
            </div>
        </div>
        {/if}
    </div>

3、表单输入框代码格式要求，其name值必须和默认表单保持一致，例如