phpcms如何自定義表單

自定義表單的步驟如下：

(1)：打開后臺，點擊模塊，找到表單向?qū)Вc擊添加表單向?qū)?，出現(xiàn)下面的界面。

(2)：接下來，我們需要介紹下上面圖中的模板選擇和js調(diào)用使用的模板這兩個選項，對于模板選擇的話，其實就是我們的表單的前臺頁面，js調(diào)用使用的模板表示提交表單之后執(zhí)行的跳轉(zhuǎn)操作，一般情況下，我們只需要切換模板選擇部分內(nèi)容就可以實現(xiàn)表單樣式修改，js調(diào)用使用的模板不需要我們做任何操作，具體模板選擇show.html與js調(diào)用使用的模板show_js.html存儲在什么地方呢？

答案是phpcms\templates\default\formguide路徑下，那么實際中，我們只需要切換模板選擇即可，在此我自己定義一個show_message.html的文件，并將模板選擇位置切換成我的show_message.html文件。

相關(guān)推薦：phpcms教程

(3)：接下來就是我的show_message.html文件編寫過程了，該文件的編寫需要參考原先show.html寫法，我們來看下show.html里面關(guān)于表單的部分是怎么寫的。

<form method="post" action="?m=formguide&c=index&a=show&formid={$formid}&siteid=<?php echo $this->siteid;?>" name="myform" id="myform">
   <table class="table_form" width="100%" cellspacing="0">
   <tbody>
   {loop $forminfos_data $field $info}
    {if $info[&#39;formtype&#39;]==&#39;omnipotent&#39;}
        {loop $forminfos_data $_fm $_fm_value}
            {if $_fm_value[&#39;iscomnipotent&#39;]}
                {php $info[&#39;form&#39;] = str_replace(&#39;{&#39;.$_fm.&#39;}&#39;,$_fm_value[&#39;form&#39;],$info[&#39;form&#39;]);}
            {/if}
        {/loop}
    {/if}
    <tr>
      <th width="80">{if $info[&#39;star&#39;]} <font color="red">*</font>{/if} {$info[&#39;name&#39;]}
      </th>
      <td>{$info[&#39;form&#39;]}  {$info[&#39;tips&#39;]}</td>
    </tr>
    {/loop}
    </tbody>
    </table>
    <input type="submit" name="dosubmit" id="dosubmit" value=" 提交 "> <input type="reset" value=" 取消 ">
</form>

這里面比較重要的有下面幾個部分

(1)：form的action部分，該部分的值為

?m=formguide&c=index&a=show&formid={$formid}&siteid=siteid;?>，一般情況下你直接復制到自己的form表單的action部分就可以了。

(2)：至于form標簽下的name=”myform” id=”myform”部分，是可有可無的，想寫就寫不想寫去掉也可以的。

(3)：接下來是{loop $forminfos_data $field $info}循環(huán)體了，這個循環(huán)體比較重要，$field拿到的是你在創(chuàng)建完表單向?qū)е?，添加字段的時候取的字段英文名，對應的就是存儲你留言信息數(shù)據(jù)庫中的字段，而$info則存儲著你定義數(shù)據(jù)表字段的一些額外信息，比如數(shù)據(jù)表字段的中文名，具體這些值在哪些地方設(shè)置呢？就是在你創(chuàng)建完表單之后，點擊添加字段之后出現(xiàn)的界面中填寫的內(nèi)容，具體就是下面界面：

(4)：接下來是變量遍歷循環(huán)部分，該部分主要功能是循環(huán)拿到根據(jù)我們創(chuàng)建的數(shù)據(jù)表系統(tǒng)為我們創(chuàng)建出來的表單信息內(nèi)容，比如{$info['form']} {$info['tips']}這句代碼中的{$info['form']}獲取到的內(nèi)容就是當前字段對應的系統(tǒng)為我們默認創(chuàng)建的表單樣式，舉個例子如下圖，下圖中的值是我直接打印$info得到的結(jié)果值：

(5)：最后一個需要注意的地方就是

到此為止，我們查看了phpcms系統(tǒng)默認的show.html表單樣式實現(xiàn)，接下來我們實現(xiàn)自己的表單樣式，我直接把我的實現(xiàn)代碼貼出來

<form method=&#39;post&#39; class="met-form met-form-validation" enctype="multipart/form-data" action=&#39;{APP_PATH}index.php?m=formguide&c=index&a=show&formid={$formid}&action=js&siteid=<?php echo $this->siteid;?>&#39;>
     {loop $forminfos_data $field $info}
     {php var_dump($info)}
     {if $info[&#39;formtype&#39;]==&#39;text&#39;}
     <div class=&#39;form-group&#39;>
        <input name=&#39;info[{$field}]&#39; class=&#39;form-control&#39; type=&#39;text&#39; placeholder=&#39;{$info[tips]}&#39; />
     </div>
     {/if}
     {if $info[&#39;formtype&#39;]==&#39;textarea&#39;}
     <div class=&#39;form-group&#39;>
        <textarea name=&#39;info[{$field}]&#39; class=&#39;form-control&#39;  placeholder=&#39;{$info[tips]} &#39; rows=&#39;10&#39;></textarea>
     </div>
     {/if}
     {/loop}
     <div class="form-group m-b-0">
     <button type="submit" name="dosubmit" id="dosubmit" class="btn btn-primary btn-lg btn-block btn-squared" value=" 提交 ">提交留言</button>
     </div>
</form>

我這段代碼對原先show.html最大的改動在于下面幾點

首先我自己的表單樣式為class="met-form met-form-validation"，而原先的代碼中不存在這部分內(nèi)容

我去除了name="myform" id="myform"這部分內(nèi)容值

接下來在表單創(chuàng)建input部分，同樣使用了

{loop $forminfos_data $field $info}的方式，并且通過$info['formtype']來判斷是單行文本還是多行文本

以單行文本為例

，這部分中name='info[{$field}]'比較關(guān)鍵，如果你的表單中沒寫這幾句代碼，你會發(fā)現(xiàn)在提交表單之后，數(shù)據(jù)庫中根本沒有你填寫的內(nèi)容信息，后臺中留言信息列表中也不會出現(xiàn)你寫的留言內(nèi)容

最后在submit部分添加了name="dosubmit"這句代碼，注意，如果沒有這句代碼，你照樣在數(shù)據(jù)庫中找不到你的留言內(nèi)容。

至此為止，我們已經(jīng)可以創(chuàng)建自己風格的表單啦！

更多phpcms網(wǎng)站建設(shè)視頻教程，請關(guān)注PHP中文網(wǎng)！??

以上是phpcms如何自定義表單的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！