如何設(shè)計個性化的表單
如意寶魔方建站平臺 2017-02-21 15:01:01
次瀏覽
有時，我們需要根據(jù)客戶的要求，設(shè)計特定的表單，如意寶自定義表單功能能夠完好實現(xiàn)客戶要求。
|
有時，我們需要根據(jù)客戶的要求，設(shè)計特定的表單，如意寶自定義表單功能能夠完好實現(xiàn)客戶要求。
|
|
新建表單：
|
首先，我們需要新建一個自定義表單類型的欄目，如圖1.1
（圖1.1 新建一個“在線招商”的欄目）
|
|
備注：“在線招商”、“在線加盟”、“企業(yè)建站需求表”、“網(wǎng)上建議”等欄目功能通常是一個自定義要求的表單。
|
|
（圖1.2 "在線招商"欄目管理界面）
|
|
|
|
查看表單：
|
點擊“自定義表單”，進(jìn)入表單設(shè)計界面，如圖1.3
|
|
（圖1.3 自定義表單設(shè)計界面）
|
|
默認(rèn)提供有一個標(biāo)準(zhǔn)格式的自定義表單，在編輯器里，可以點擊編輯器的代碼視圖查看參照表單。對于自定義表單，系統(tǒng)有一個規(guī)則：
自定義表單需符合如下格式要求，才能正確提交:
1、必需有表單<form>標(biāo)記；
2、必需有表單提交按鈕<button type=submit>；
3、需提交的字段，name屬性應(yīng)設(shè)置為“f_字段名”格式。
建議復(fù)制編輯器里的代碼到Dreamweaver 8中調(diào)整，然后把修改好的代碼復(fù)制粘貼會編輯器里，最后保存，就可以看到設(shè)置后的效果。整個表單的制作純html代碼，表單控件的使用。制作步驟如下：
|
|
|
|
|
1）復(fù)制編輯器里的參照表單代碼：
（圖1.4 復(fù)制編輯器里的參照表單代碼）
|
|
|
|
|
|
|
2）將復(fù)制的代碼粘貼到Dreamweaver的代碼視圖里,效果如圖圖1.5
（圖1.5 Dreamweaver里的查看到的參照表單）
|
|
|
|
|
3）修改表單： 借助于Dreamweaver工具，我們直接在Dreamweaver的設(shè)計視圖里修改表單，如圖1.7
（圖1.6 新增一個“公司地址”字段）
|
|
說明：添加一個文本框，在工具欄——插入——表單——文本域，接著按照自定義表單的規(guī)則，設(shè)置文本域的名稱為“f_字段名”格式，比如“f_公司地址”
|
|
|
|
|
4）把修改好的表單代碼復(fù)制粘貼回網(wǎng)站后臺編輯器代碼視圖里，如圖1.6
（圖1.7 復(fù)制編輯器里的參照表單代碼）
|
|
|
|
|
5）保存，更新緩存，刷新前臺，效果如圖圖1.8
（圖1.8 前臺“在線招商”效果圖）
|
|
|
