自定義表單模塊,可以由用戶可以根據需求,自由組合表單元素生成表單,“自定義表單”模塊需要在網站后臺頂部的“DouPHP+”找到“自定義表單”模塊進行安裝。
需要注意的是,在后臺首次進入自定義表單模塊顯示的是表單創建頁面,創建后,第一次進入時就會默認先顯示表單的“數據列表”(就是用戶提交過來的信息)。
創建表單
一,先創建一個新的表單,主要輸入“表單名稱”、“英文標記”、“表單描述”、“提交后返回鏈接”(就是前臺用戶提交表單后返回的頁面,比如您希望用戶提交完表單后頁面跳轉到網站首頁,這里就輸入首頁的網址)。
二,創建后表單后通過表單列表找到之前創建好的表單,點擊“編輯”再次編輯表單時就會多了“表單自定義選項”編輯的區域,這里就是輸入該表單具體的表單元素。
1,選項名稱:是指表單元素的名稱,比如咋們常見的用戶注冊頁面,表單元素常有郵箱、手機號、姓名,這就是表單元素名稱了。
2,英文標記:是指表單元素的“name”屬性,這是用戶看不到的,是提交表單時提交給系統時用于識別的。
3,類型:是指表單元素額類型,常見的有文本輸入(input)、下來選擇(select)、多行的文本(textarea)、單選按鈕(radio),這些類型名稱需要有一定的網頁制作基礎才能理解,如果不理解也沒事,多試一試就明白了。
4,單位:是指顯示在表單元素輸入框后面的文字,比如創建的表單元素是“面積”,這里需要告訴用戶單位是平方米,則這里單位就輸入平方米。
5,排序:就是您希望在該表單中表單元素顯示的順序,如果不設置默認就是安裝添加順序顯示。
6,填寫需求:一般表單元素就分為必填和可選,如果您需要該表單元素用戶一定要填寫,就選擇必填。
7,候選值:該選項只對“類型”選擇了下拉選擇和單選按鈕時有效,設置的就是這兩種類型時提供給用于的選擇項。
表單應用
方式一:在表單列表,可以獲取到“表單鏈接”,就是前臺用戶訪問該表單的地址,這種方式表單比較單調,但也也無需自己修改代碼就可以使用;
方式二:查看方式一表單頁面的源代碼,然后復制form部分的代碼,到您需要放置表單的頁面模板文件,這樣可以實現比較個性化定義,比如可以放到首頁,放到網站底部,可以放在指定的內頁,可以對樣式進行設計,總之“自定義表單”可以放在任意位置,當然您需要有一點技術基礎。
如獲取到類似以下代碼
<div class="table-div container">
<form id="formSubmit" action="http://www.domain.com/form/submit" method="post">
<dl>
<dt>測試選項</dt>
<dd>
<input type="text" name="ceshi" size="30" class="text-input">
<p id="ceshi" class="cue"></p>
</dd>
</dl>
<dl>
<dt>選項二</dt>
<dd>
<select name="xuanxianger" class="select">
<option value="測試一">測試一</option>
<option value="測試二">測試二</option>
<option value="測試三">測試三</option>
</select>
<p id="xuanxianger" class="cue"></p>
</dd>
</dl>
<dl>
<dt>測試選項二</dt>
<dd>
<input type="text" name="ceshier" size="30" class="text-input">
<p id="ceshier" class="cue"></p>
</dd>
</dl>
<dl>
<dt>簡要描述</dt>
<dd>
<input type="text" name="jianyao" size="30" class="text-input">
<p id="jianyao" class="cue"></p>
</dd>
</dl>
<dl>
<dt>性別</dt>
<dd>
<label for="sex_1">
<input type="radio" name="sex" id="sex_1" value="男" checked="true">
男 </label>
<label for="sex_2">
<input type="radio" name="sex" id="sex_2" value="女">
女 </label>
<p id="sex" class="cue"></p>
</dd>
</dl>
<dl>
<dt>選項三</dt>
<dd>
<input type="text" name="xuanxiangsan" size="30" class="text-input">
<p id="xuanxiangsan" class="cue"></p>
</dd>
</dl>
<dl class="submit">
<input type="hidden" name="form_id" value="1">
<input type="button" class="btn" value="提交" onclick="douSubmit('formSubmit')">
</dl>
</form>
</div>
上面的代碼中,要注意表單提交的URL,這里前部分是您的域名,后部分是表單提交的地址(如果開啟偽靜態就是如圖所示,沒有開啟偽靜態就是form.php?rec=submit,當然您也無需在意這里,這整塊代碼直接從表單前臺地址源代碼中原樣復制過來即可)
然后就是注意
<input type="hidden" name="form_id" value="1">
這部分代碼,這部分代碼form_id就是對應您復制代碼的表單ID
數據查看
通過“自定義表單”收集到用戶提交的數據都會顯示在后臺“自定義表單”-》“數據列表”,在列表里可以根據具體哪個表單進行分組顯示
數據處理
數據列表中查看具體某一條數據,可以對該條數據進行標記,可以標記為“已處理”,這樣利于用戶提交表單后,管理員可以看到哪些是自己處理過的請求,哪些是沒有處理過的。