eyoucms guestbookform 留言表单标签

2019-03-06  本文已影响0人  西祠_fa33

【基础用法】

名称: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}

参数:

typeid='' 指定文档ID,如果没有指定则获取当前留言模型的栏目ID

type='default' 默认类型,该属性不可缺少

empty='' 当前留言版块的表单被删完时,显示的文案内容

id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}

底层字段:

请查阅易优Cms官方提供的数据字典,找到表名 ey_guestbook、ey_guestbook_attr、ey_guestbook_attribute

-------------------------------效果展示--------------------------------

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--------------------------------

描述:完全的留言表单(单行文本框、多行文本框、下拉列表框、JS表单验证)

{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}

-------------------------------示例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}

转自:https://www.eyoucms.com/doc/label/arc/502.html#dt_68

上一篇 下一篇

猜你喜欢

热点阅读