【基礎用法】 名稱：guestbookform 功能：留言表單提交 語法： ``` {eyou:guestbookform type='default'} <form method="POST" enctype="multipart/form-data" action="{$field.action}"> <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:guestbookform} ``` 參數： {$field.attr\_1}為表單屬性字段名稱 （示例見圖一） {$field.itemname\_1}為表單屬性提示文字 typeid='' 指定文檔ID，如果沒有指定則獲取當前留言模型的欄目ID type='default' 默認類型，該屬性不可缺少 empty='' 當前留言版塊的表單被刪完時，顯示的文案內容 id='' 可以任意指定循環里的變量名替代field，假設id='field1'，模板調用如：{$field.title} 變成 {$field1.title} 底層字段： 請查閱易優Cms官方提供的數據字典，找到表名 ey\_guestbook、ey\_guestbook\_attr、ey\_guestbook\_attribute  （圖一，如按示例里，{$field.attr\_1}應改為{$field.attr\_16}） \-------------------------------效果展示-------------------------------- 1，留言欄目留言調用 模板調用代碼 ``` {eyou:guestbookform type='default'} <form action="{$field.action}" enctype="multipart/form-data" method="post" class="msgForm" onsubmit="return checkForm();"> <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> <script type="text/javascript"> function checkForm() { if(document.getElementById('attr_1').value.length == 0) { alert('請輸入您的{$field.itemname_1}'); return false; } if(document.getElementById('attr_2').value.length == 0) { alert('請輸入您的{$field.itemname_2}'); return false; } return true; } </script> {/eyou:guestbookform} ``` 網站前端顯示效果（css樣式請自行填充）  ? 【更多示例】 \-------------------------------示例1-------------------------------- ``` {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="無">無</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:guestbookform} ``` 描述：完全的留言表單（單行文本框、多行文本框、下拉列表框、JS表單驗證） \-------------------------------示例2-------------------------------- 描述：傳入指定的留言欄目ID，可以用于非留言欄目下，比如：首頁 ``` {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="無">無</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> {/eyou:guestbookform} ```