首頁 > Cms文章 > 迅睿 > > 留言表單在線留言自定義網站表單/全局表單提交樣式

留言表單在線留言自定義網站表單/全局表單提交樣式

時間 : 2024-11-13 編輯 :創始人

網站表單提交界面如果使用{$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" method="post" name="myform" id="myform">
    <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="btn green"> AJAX提交</button>
 <button type="submit" class="btn green"> 普通提交</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" 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>

3、表單輸入框代碼格式要求，其name值必須和默認表單保持一致，例如

那么自己的表單代碼就可以寫成：

<input type="text" name="data[title]" id="dr_title" value=""  />

頭條文章

留言表單 在線留言 自定義網站表單/全局表單提交樣式

留言表單在線留言自定義網站表單/全局表單提交樣式