- 全局標(biāo)簽
- artlist 文章列表
- models 欄目列表
- modelsartlist 頻道循環(huán)
- type 指定欄目
- include 引用模板
- arcview 單條文檔
- position 面包屑
- assign 定義變量
- empty 為空判斷
- notempty 不為空判斷
- foreach 循環(huán)輸出
- volist 數(shù)據(jù)循環(huán)
- if 條件判斷
- switch 條件判斷
- compare 變量比較
- adv 廣告列表
- load 文件加載
- global 全局變量
- field 字段值
- tags 標(biāo)簽調(diào)用
- searchform 搜索標(biāo)簽
- 常用函數(shù)
- links 友情鏈接
- SQL 數(shù)據(jù)查詢
- weapp 應(yīng)用插件
- range 范圍判斷
- for 數(shù)據(jù)循環(huán)
- ad 單條廣告
- attribute 欄目屬性
- user 會員信息
- diyurl 內(nèi)鏈調(diào)用
- php標(biāo)簽
- hotkeywords 熱門搜索
- notice 站內(nèi)信
- asklist 問答列表
- citysite 城市站點
- navigation 導(dǎo)航菜單
- static 文件引入
- 會員信息(memberlist)
- 會員注銷標(biāo)簽使用方法
- 列表標(biāo)簽
- 內(nèi)容標(biāo)簽
- arcclick 點擊數(shù)
- guestbookform 欄目留言
- beafter 上下篇
- downcount 下載次數(shù)
- relevarticle 相關(guān)文檔
- 擴展標(biāo)簽
- videoplay 視頻播放
- videolist 視頻列表
- memberinfos 文檔關(guān)聯(lián)的會員信息
- attribute 商品參數(shù)
- specialnode 專題文檔
- collect 文檔收藏
- collectnum 收藏數(shù)
- comment 商品評價
- articlepay 文章付費
- downloadpay 下載付費
- form 自由表單
- sppurchase 商品購買
- 商品其它標(biāo)簽欄
- 可視化標(biāo)簽
- 多語言標(biāo)簽
form 自由表單
【基礎(chǔ)用法】
標(biāo)簽:form
描述:自由表單標(biāo)簽,不依賴欄目,調(diào)用靈活
創(chuàng)建:后臺》功能地圖》高級擴展》留言管理》表單管理》新建自由表單
用法:
{eyou:form type='default' formid='表單ID' id='field'} <form method="POST" action="{$field.action}" {$field.formhidden} onsubmit="{$field.submit}" > <input id="attr_1" type="text" value="" name="{$field.attr_1}" placeholder="{$field.itemname_1}"> <input id="attr_2" type="text" value="" name="{$field.attr_2}" placeholder="{$field.itemname_2}"> <textarea id="attr_3" cols="40" rows="3" name="{$field.attr_3}" placeholder="{$field.itemname_3}"></textarea> <input type="submit" value="提交"> {$field.hidden} </form> {/eyou:form}
屬性:
{$field.formhidden} 為表單支持圖片上傳屬性{$field.submit} 為表單使用內(nèi)置的JS驗證用戶輸入內(nèi)容的格式
{$field.attr_1} 為表單屬性字段名稱 (示例見圖一)
{$field.itemname_1} 為表單屬性提示文字
formid=“指定表單ID”
type='default' 默認(rèn)類型,默認(rèn)為手工添加屬性標(biāo)簽,后臺新增屬性,需要手工復(fù)制標(biāo)簽到模板里調(diào)用。優(yōu)點是方便調(diào)整表單樣式。
----type='auto' 表單屬性自動循環(huán)顯示,后臺新增屬性也自動顯示。缺點是表單結(jié)構(gòu)和美化不夠靈活,需要一定的css前端技術(shù)
empty='' 當(dāng)前留言版塊的表單被刪完時,顯示的文案內(nèi)容
id='' 可以任意指定循環(huán)里的變量名替代field,假設(shè)id='field1',模板調(diào)用如:{$field.title} 變成 {$field1.title}
涉及表字段:
請查閱易優(yōu)數(shù)據(jù)字典,找到表名 ey_form、ey_guestbook、ey_guestbook_attr、ey_guestbook_attribute
(圖一,如按示例里,{$field.attr_1}應(yīng)改為{$field.attr_45})
-------------------------------效果展示--------------------------------
1,留言表單調(diào)用
模板調(diào)用代碼
網(wǎng)站前端顯示效果(css樣式請自行填充)

1,留言表單調(diào)用
模板調(diào)用代碼
{eyou:form type='default' formid='表單ID' id='field'} <form action="{$field.action}" {$field.formhidden} method="post" onsubmit="{$field.submit}"> <li> <input class="login_input" name="{$field.attr_1}" type="text" id="attr_1" placeholder="{$field.itemname_1}"/> </li> <li> <input class="login_input" name="{$field.attr_2}" type="text" id="attr_2" placeholder="{$field.itemname_2}"/> </li> <li> <textarea class="login_textarea" name="{$field.attr_3}" id="attr_3" cols="30" rows="10" placeholder="{$field.itemname_3}"></textarea> </li> <li> <input class="login_btn common_bg" id="baidu-book" type="submit" value="提 交"/> </li> {$field.hidden} </form> {/eyou:form}

【更多示例】
-------------------------------示例1--------------------------------
描述:完全的留言表單(單行文本框、多行文本框、下拉列表框、JS表單驗證)
{eyou:form type='default' formid='表單ID' id='field'} <form method="POST" {$field.formhidden} action="{$field.action}" onsubmit="return checkForm();"> <input id="attr_5" type="text" value="" name="{$field.attr_5}" placeholder="{$field.itemname_5}"> <textarea id="attr_6" cols="40" rows="3" name="{$field.attr_6}" placeholder="{$field.itemname_6}"></textarea> <select name="{$field.attr_7}" id="attr_7"> <option value="無">無</option> {eyou:volist name='$field.options' id='vo'} <!-- 下拉列表循環(huán) start --> <option value="{$vo.value}">{$vo.value}</option> {/eyou:volist} <!-- 下拉列表循環(huán) end --> </select> <input type="submit" value="提交"> {$field.hidden} <!-- 不可缺少的隱藏令牌驗證 --> </form> <script type="text/javascript"> function checkForm() { if (document.getElementById('attr_5').value.length == 0) { alert('{$field.itemname_5}'); return false; } return true; } </script> {/eyou:form}
-------------------------------示例2--------------------------------
描述:表單屬性自動循環(huán)輸出,后臺添加屬性,前臺表單屬性自動顯示
{eyou:form type="auto" formid="表單ID" id="field"} <form method="POST" {$field.formhidden} action="{$field.action}" onsubmit="{$field.submit}"> <!-- 自動表單屬性 --> {eyou:volist name="$field.attrlist" id="attr"} {$attr.attr_name}:{$attr.attr_html} {/eyou:volist} <!-- 提交 --> <input class="button bg-yellow button-large button-block border-none radius-none text-white" type="submit" value="提交"/> <!-- 不可缺少的隱藏令牌驗證 --> {$field.hidden} </form> {/eyou:form}
文檔最后更新時間:2023-10-24 09:17:24
未解決你的問題?請到「問答社區(qū)」反饋你遇到的問題