form 自由表單
【基礎用法】
標簽：form
描述：自(zi)由(you)表單(dan)標(biao)簽，不依賴欄目，調用靈(ling)活(huo)
創建(jian)：后臺》功能地圖》高(gao)級擴展》留言管理(li)》表(biao)單管理(li)》新建(jian)自由表(biao)單
用法：
{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} 為表單使用內置的JS驗證用戶輸入內容的格式
{$field.attr_1} 為表單屬性字段名稱 （示例見圖一）
{$field.itemname_1} 為表單屬性提示文字
formid=“指定表單ID”
type='default' 默認類型，默認為(wei)手工添加屬性標簽，后臺(tai)新增屬性，需(xu)要手工復制標簽到模板里調(diao)用。優點是方便調(diao)整表單樣式。
----type='auto' 表單屬性自(zi)動循環顯(xian)示，后臺新增(zeng)屬性也自(zi)動顯(xian)示。缺點是表單結構和美化不(bu)夠靈活(huo)，需(xu)要一定的css前端技術
empty='' 當前留言版塊的表單被刪完時，顯示的文案內容
id='' 可以任意指定循環里的變量名替代field，假設id='field1'，模板調用如：{$field.title} 變成 {$field1.title}
涉及表字段：
請查閱易優數據字典，找到表名 ey_form、ey_guestbook、ey_guestbook_attr、ey_guestbook_attribute
（圖一，如按示例里，{$field.attr_1}應改為{$field.attr_45}）
-------------------------------效果展示--------------------------------
1，留言表單調用
模(mo)板調用代碼(ma)
網站前端顯示效果（css樣式請自行填充）
1，留言表單調用
模(mo)板調用代碼(ma)
{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'} <!-- 下拉列表循環 start -->
<option value="{$vo.value}">{$vo.value}</option>
{/eyou:volist} <!-- 下拉列表循環 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--------------------------------
描述：表單屬性自動循環輸出，后臺添加屬性，前臺表單屬性自動顯示
{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