【基礎用法】
名稱︰guestbookform
功能(neng)︰留言表單(dan)提交(jiao)
語法︰
{eyou:guestbookform type='default'}
<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="提交(jiao)">
{$field.hidden}
</form>
{/eyou:guestbookform}
 
參數︰
{$field.formhidden} 為表單(dan)支持圖片上傳屬性
{$field.submit} 為表單(dan)使(shi)用內置的JS驗證(zheng)用戶(hu)輸入內容的格式
{$field.attr_1} 為表單(dan)屬性字段名稱 (示例見圖一(yi))
{$field.itemname_1} 為表單(dan)屬性提示文字
typeid='' 指定(ding)文檔ID,如果沒有指定(ding)則獲(huo)取當前留言yue)P偷睦改mu)ID
type='default' 默(mo)認類(lei)型,該屬性不可缺少
empty='' 當前留言版塊(kuai)的表單(dan)被(bei)刪完時,顯示的文案內容
id='' 可以(yi)任意指定(ding)循(xun)環里的變量名替代field,假設id='field1',模板調用如︰{$field.title} 變成(cheng) {$field1.title}
底層(ceng)字段︰
請查閱(yue)易(yi)優Cms官方(fang)提供的數據字典,找(zhao)到表名 ey_guestbook、ey_guestbook_attr、ey_guestbook_attribute
 

(圖一(yi),如按示例里,{$field.attr_1}應改為{$field.attr_16}
-------------------------------效果展示--------------------------------
1,留言欄目(mu)留言調用
模板調用代碼
{eyou:guestbookform type='default'}
      <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="提   交(jiao)"/>
        </li>
        {$field.hidden}
      </form>
      {/eyou:guestbookform}
網站前端顯示效果(css樣式請自(zi)行填(tian)充)


 
【更多示例】
-------------------------------示例1--------------------------------
描(miao)述︰完全(quan)的留言表單(dan)(單(dan)行文本框、多行文本框、下拉列表框、JS表單(dan)驗證(zheng))
{eyou:guestbookform type='default'}
<form method="POST" enctype="multipart/form-data" 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="無(wu)">無(wu)</option>
{eyou:volist name='$field.options' id='vo'} <!-- 下拉列表循(xun)環 start -->
<option value="{$vo.value}">{$vo.value}</option>
{/eyou:volist} <!-- 下拉列表循(xun)環 end -->
</select>
<input type="submit" value="提交(jiao)">
{$field.hidden} <!-- 不可缺少的隱藏令牌(pai)驗證(zheng) -->
</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:guestbookform}
-------------------------------示例2--------------------------------
描(miao)述︰傳入指定(ding)的留言欄目(mu)ID,可以(yi)用于(yu)非留言欄目(mu)下,比如︰首頁
{eyou:guestbookform typeid='6' type='default'}
<form method="POST" enctype="multipart/form-data" action="{$field.action}">
<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="無(wu)">無(wu)</option>
{eyou:volist name='$field.options' id='vo'} <!-- 下拉列表循(xun)環 start -->
<option value="{$vo.value}">{$vo.value}</option>
{/eyou:volist} <!-- 下拉列表循(xun)環 end -->
</select>
<input type="submit" value="提交(jiao)">
{$field.hidden} <!-- 不可缺少的隱藏令牌(pai)驗證(zheng) -->
</form>
{/eyou:guestbookform}
爱彩票 | 下一页