亚洲色老汉Av无码专区最_久久精品伊人久久精品伊人_日韩极品在线一区二区三区_无码欧美熟妇人妻影院欧美潘金莲

當(dāng)前位置:首頁>模塊>自定義表單模塊

自定義表單模塊

免費

安裝方式

云安裝(推薦安裝方式)
登錄網(wǎng)站后臺點擊“DouPHP+”在線安裝“自定義表單模塊”

點擊下載

簡單介紹:可以自行創(chuàng)建表單,支持自定義添加文本框、選擇框等,用戶提交表單后在后臺可以看到記錄
編號:form 分類:模塊 開發(fā)者:DouCo Co.,Ltd 更新時間:2025-01-02 下載量:3747


自定義表單模塊,可以由用戶可以根據(jù)需求,自由組合表單元素生成表單,“自定義表單”模塊需要在網(wǎng)站后臺頂部的“DouPHP+”找到“自定義表單”模塊進(jìn)行安裝。

需要注意的是,在后臺首次進(jìn)入自定義表單模塊顯示的是表單創(chuàng)建頁面,創(chuàng)建后,第一次進(jìn)入時就會默認(rèn)先顯示表單的“數(shù)據(jù)列表”(就是用戶提交過來的信息)。

創(chuàng)建表單

一,先創(chuàng)建一個新的表單,主要輸入“表單名稱”、“英文標(biāo)記”、“表單描述”、“提交后返回鏈接”(就是前臺用戶提交表單后返回的頁面,比如您希望用戶提交完表單后頁面跳轉(zhuǎn)到網(wǎng)站首頁,這里就輸入首頁的網(wǎng)址)。

二,創(chuàng)建后表單后通過表單列表找到之前創(chuàng)建好的表單,點擊“編輯”再次編輯表單時就會多了“表單自定義選項”編輯的區(qū)域,這里就是輸入該表單具體的表單元素。

  1,選項名稱:是指表單元素的名稱,比如咋們常見的用戶注冊頁面,表單元素常有郵箱、手機(jī)號、姓名,這就是表單元素名稱了。

  2,英文標(biāo)記:是指表單元素的“name”屬性,這是用戶看不到的,是提交表單時提交給系統(tǒng)時用于識別的。

  3,類型:是指表單元素額類型,常見的有文本輸入(input)、下來選擇(select)、多行的文本(textarea)、單選按鈕(radio),這些類型名稱需要有一定的網(wǎng)頁制作基礎(chǔ)才能理解,如果不理解也沒事,多試一試就明白了。

  4,單位:是指顯示在表單元素輸入框后面的文字,比如創(chuàng)建的表單元素是“面積”,這里需要告訴用戶單位是平方米,則這里單位就輸入平方米。

  5,排序:就是您希望在該表單中表單元素顯示的順序,如果不設(shè)置默認(rèn)就是安裝添加順序顯示。

  6,填寫需求:一般表單元素就分為必填和可選,如果您需要該表單元素用戶一定要填寫,就選擇必填。

  7,候選值:該選項只對“類型”選擇了下拉選擇和單選按鈕時有效,設(shè)置的就是這兩種類型時提供給用于的選擇項。

表單應(yīng)用

方式一:在表單列表,可以獲取到“表單鏈接”,就是前臺用戶訪問該表單的地址,這種方式表單比較單調(diào),但也也無需自己修改代碼就可以使用;

方式二:查看方式一表單頁面的源代碼,然后復(fù)制form部分的代碼,到您需要放置表單的頁面模板文件,這樣可以實現(xiàn)比較個性化定義,比如可以放到首頁,放到網(wǎng)站底部,可以放在指定的內(nèi)頁,可以對樣式進(jìn)行設(shè)計,總之“自定義表單”可以放在任意位置,當(dāng)然您需要有一點技術(shù)基礎(chǔ)。

如獲取到類似以下代碼

<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,這里前部分是您的域名,后部分是表單提交的地址(如果開啟偽靜態(tài)就是如圖所示,沒有開啟偽靜態(tài)就是form.php?rec=submit,當(dāng)然您也無需在意這里,這整塊代碼直接從表單前臺地址源代碼中原樣復(fù)制過來即可)

然后就是注意 

<input type="hidden" name="form_id" value="1">

這部分代碼,這部分代碼form_id就是對應(yīng)您復(fù)制代碼的表單ID

數(shù)據(jù)查看

通過“自定義表單”收集到用戶提交的數(shù)據(jù)都會顯示在后臺“自定義表單”-》“數(shù)據(jù)列表”,在列表里可以根據(jù)具體哪個表單進(jìn)行分組顯示

數(shù)據(jù)處理

數(shù)據(jù)列表中查看具體某一條數(shù)據(jù),可以對該條數(shù)據(jù)進(jìn)行標(biāo)記,可以標(biāo)記為“已處理”,這樣利于用戶提交表單后,管理員可以看到哪些是自己處理過的請求,哪些是沒有處理過的。

在線客服