PHPCMS自定義表單樣式

php的小菜鳥發表於2017-04-11
PHP

PHP自帶的表單嚮導功能強大，但是他的樣式是固定的。我們網站風格可能和PHPCMS給出的樣式不搭，網上百度好多都是千篇一律的文章。下面的方法我認為是簡單快捷的。

<section class="entered fix">
<div class="entered_bt fix">![](images/entered_bt1.png)</div>
  <div class="entered_cn fix">
  <form class="entered_form fix" method="post" method="#">
    <p><span>姓名：</span><input type="text" class="entered_text"/></p>
    <p><span>電話：</span><input type="text" class="entered_text"/></p>
    <p><span>學習班制：</span>
     <select class="entered_select">
       <option>=請選擇學習班=</option>
       <option>=請選擇學習班=</option>
       <option>=請選擇學習班=</option>
       <option>=請選擇學習班=</option>
     </select>
    </p>
    <em><input type="submit" class="entered_submit" value="點選提交"/></em>
  </form>
  </div>
</section>

以上是靜態頁原始碼。

下面的是修改過得

<section class="entered fix">
  <div class="entered_bt fix">![]({IMG_PATH}images/entered_bt1.png)</div>
  <div class="entered_cn fix">
    <form  action="{APP_PATH}index.php?m=formguide&c=index&a=show&formid=20&siteid={$siteid}" 
  class="entered_form fix" method="post" name="liuyan">
    <p><span>姓名：</span><input type="text" class="entered_text" name="info[name]"/></p>
    <p><span>電話：</span><input type="text" class="entered_text" name="info[mobile]"/></p>
    <p><span>學習班制：</span>
     <select class="entered_select" name="info[class]">
      <option value="">=請選擇學習班=</option>
       <option value="1">初級班</option>
       <option value="2">中級班</option>
       <option value="3">高階班</option>
     </select>
    </p>
    <em><input type="submit" name="dosubmit" class="entered_submit" id="tijiao" value="點選提交"/></em>
  </form>
  </div>
</section>```

##接下來是步驟：

1 按照步驟建立一個表單嚮導。不會的百度。建立完成應該是下圖：
![按步驟設定的表單.png](http://upload-images.jianshu.io/upload_images/4424012-8b4fdda90275a952.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

可以看到有個訪問前臺的連結。點選就可以訪問前臺了，但是出來的頁面什麼樣子無所謂，肯定不是你想要的。例如
![出來的是PHPCMS自帶的樣式](http://upload-images.jianshu.io/upload_images/4424012-7170ac3c9337578f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
這個截圖表單什麼樣子不重要，重要的是連結地址
######/index.php?m=formguide&c=index&a=show&formid=20&siteid=1&pc_hash=gvlGlx
接下來分析一下：
index.php==>這是index.php頁面
（？代表第一個引數&代表後面get傳過來的引數）
>參考：http://blog.sina.com.cn/s/blog_6d3a29310100w67y.html
             https://zhidao.baidu.com/question/562353706.html


m=formguide==>走的是formguide模組
c=index==>代表index內容
a=show==>代表動作
formid=20 ==》代表表單的ID
siteid=1 ==》siteid的ID
>參考：https://zhidao.baidu.com/question/2137844385485918268.html

接下來把form標籤的action路經地址改成：{APP_PATH}index.php?m=formguide&c=index&a=show&formid=20&siteid={$siteid}。

還要改的還有name的值。這些值都是自己建立表單時候的欄位。
![表單.png](http://upload-images.jianshu.io/upload_images/4424012-5addc0702f677aa3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![表單欄位.png](http://upload-images.jianshu.io/upload_images/4424012-e5f74a82f06c8432.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

這是我的欄位。貼出來僅供參考。最後還有提交按鈕的name加上="dosubmit"。
到此為止，自定義表單就已經做好了。


相關文章