phpcms如何自訂表單

#自訂表單的步驟如下：

(1 )：開啟後臺，點選模組，找到表單精靈，點選新增表單精靈，出現(xiàn)下面的介面。

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

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

相關推薦：phpcms教學

(3)：接下來就是我的show_message.html檔案寫過程了，該檔案的寫法需要參考原先show.html寫法，我們來看show.html裡面關於表單的部分是怎麼寫的。

<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)體了，這個迴圈體比較重要，$field拿到的是你在建立完表單精靈之後，加入欄位的時候取的字段英文名，對應的就是儲存你留言資訊資料庫中的字段，而$info則儲存你定義資料表字段的一些額外信息，例如資料表字段的中文名，具體這些值在哪些地方設定呢？就是在你建立完表單之後，點選新增欄位之後出現(xiàn)的介面中填入的內容，具體就是下面介面：

(4)：接下來是變數(shù)遍歷循環(huán)部分，該部分主要功能是循環(huán)拿到根據(jù)我們創(chuàng)建的資料表系統(tǒng)為我們創(chuàng)建出來的表單資訊內容，例如{$info['form']} {$info['tips']}< ;/td>這句程式碼中的{$info['form']}取得的內容就是目前欄位對應的系統(tǒng)為我們預設建立的表單樣式，舉例如下圖，下圖中的值是我直接印出$info得到的結果值：

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

到此為止，我們查看了phpcms系統(tǒng)預設的show.html表單樣式實現(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"，而原先的程式碼中不存在這部分內容

我去掉了name="myform" id="myform"這部分內容值

#接下來在表單建立input部分，同樣使用了

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

以單行文字為例

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

最後在submit部分加入了name="dosubmit"這句程式碼，注意，如果沒有這句程式碼，你照樣在資料庫中找不到你的留言內容。

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

更多phpcms網(wǎng)站建立影片教學，請關注PHP中文網(wǎng)！??

以上是phpcms如何自訂表單的詳細內容。更多資訊請關注PHP中文網(wǎng)其他相關文章！