espcms简约版的表单，提示页，搜索列表页

模板/lib/form.html

 <script type="text/javascript" src="{%$rootdir%}js/My97DatePicker/WdatePicker.js"></script>

 <script type="text/javascript">

     var seccode_empty = "{%$lngpack.seescodeerr%}";

     function {%$form.formcode%}form(seccodetype) {

         {%forlist from=$array key=i%}

             {%if $array[i].isvalidate==1%}

                 {%if $array[i].validatetext!=''%}

                     if(document.{%$form.formcode%}.{%$array[i].attrname%}.value.match({%$array[i].validatetext%}ig)==null) {

                 {%else%}

                     if(document.{%$form.formcode%}.{%$array[i].attrname%}.value==''){

                 {%/if%}

                 document.{%$form.formcode%}.{%$array[i].attrname%}.focus();

                 alert('{%$array[i].typename%}输入错误，请返回重新输入');

                 return false;

             }

             {%/if%}

         {%/forlist%}

         if(seccodetype=='1' && document.{%$form.formcode%}.seccode.value.match(/^[A-Z]{4}$/ig)==null) {

             document.{%$form.formcode%}.seccode.focus();

             alert(seccode_empty);

             return false;

         }

     }

 </script>

 <form name="{%$form.formcode%}" id="{%$form.formcode%}" method="post" action="{%$form.action%}"  onSubmit="return {%$form.formcode%}form('{%$form.isseccode%}')">

 <input type="hidden" name="linkurl" value="add"/>

 <input type="hidden" name="fgid" id="fgid" value="{%$form.fgid%}"/>

 <input type="hidden" name="formcode" id="formcode" value="{%$form.formcode%}"/>

 <input type="hidden" name="did" id="did" value="{%$did%}"/>

 <input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>

 <div>

     <div class="content">

         {%forlist from=$array key=i%}

         <div class="form_group">

             <label for="username" class="control_label">{%if $array[i].isvalidate==1%}* {%/if%}{%$array[i].typename%}</label>

             <div class="control_required">

                 {%if $array[i].inputtype=='string' || $array[i].inputtype=='int' || $array[i].inputtype=='float' || $array[i].inputtype=='decimal'%}<input type="text" name="{%$array[i].attrname%}" size="{%$array[i].attrsize%}" maxlength="{%$array[i].attrlenther%}" value="{%$array[i].attrvalue%}" class="infoInput infoInput_{%key=>i%}" placeholder="{%$array[i].typeremark%}" onfocus="this.placeholder='';"/>{%/if%}

                 {%if $array[i].inputtype=='datetime'%}

                      <input type="text" name="{%$array[i].attrname%}" size="{%$array[i].attrsize%}" id="{%$array[i].attrname%}" onclick="WdatePicker({el:'{%$array[i].attrname%}',readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" maxlength="{%$array[i].attrlenther%}" class="infoInput"/>

                 {%/if%}

                 {%if $array[i].inputtype=='selectinput'%}

                 <input type="text" name="{%$array[i].attrname%}" size="{%$array[i].attrsize%}" id="{%$array[i].attrname%}" value="" maxlength="{%$array[i].attrlenther%}" class="infoInput"/>

                 <select size="1" name="{%$array[i].attrname%}selectinputvalue" onchange="javascript:$('#{%$array[i].attrname%}').val(this.value)">

                     <option value="">{%$array[i].typename%}</option>

                     {%forlist from=$array[i].selectinputvalue key=ii%}

                     <option value="{%$array[i].selectinputvalue[ii].name%}">{%$array[i].selectinputvalue[ii].name%}</option>

                     {%/forlist%}

                 </select>

                 {%/if%}

                 {%if $array[i].inputtype=='img'%}

                     <input type="text" name="{%$array[i].attrname%}" size="{%$array[i].attrsize%}" value="{%$array[i].attrvalue%}" class="infoInput"/>

                 {%/if%}

                 {%if $array[i].inputtype=='addon'%}

                     <input type="text" name="{%$array[i].attrname%}" size="{%$array[i].attrsize%}" value="{%$array[i].attrvalue%}" class="infoInput"/>

                 {%/if%}

                 {%if $array[i].inputtype=='text'%}<textarea name="{%$array[i].attrname%}" cols="{%$array[i].attrsize%}" rows="{%$array[i].attrrow%}"  class="col11 infoInput"  placeholder="{%$array[i].typeremark%}" onfocus="this.placeholder='';">{%$array[i].attrvalue%}</textarea>{%/if%}

                 {%if $array[i].inputtype=='htmltext'%}<textarea name="{%$array[i].attrname%}" cols="{%$array[i].attrsize%}" rows="{%$array[i].attrrow%}"  class="col11 infoInput">{%$array[i].attrvalue%}</textarea>{%/if%}

                 {%if $array[i].inputtype=='editor'%}<textarea name="{%$array[i].attrname%}" cols="{%$array[i].attrsize%}" rows="{%$array[i].attrrow%}"  class="col11 infoInput">{%$array[i].attrvalue%}</textarea>{%/if%}

                 {%if $array[i].inputtype=='select'%}

                     <select size="1" name="{%$array[i].attrname%}">

                     {%forlist from=$array[i].attrvalue key=ii%}

                         <option {%if $array[i].attrvalue[ii].selected=='selected'%}selected="selected" {%/if%}value="{%$array[i].attrvalue[ii].name%}">{%$array[i].attrvalue[ii].name%}</option>

                     {%/forlist%}

                     </select>

                 {%/if%}

                 {%if $array[i].inputtype=='radio'%}

                     {%forlist from=$array[i].attrvalue key=ii%}

                         <input {%if $array[i].attrvalue[ii].selected=='selected'%}checked="checked" {%/if%}name="{%$array[i].attrname%}" type="radio" value="{%$array[i].attrvalue[ii].name%}" /> {%$array[i].attrvalue[ii].name%}

                     {%/forlist%}

                 {%/if%}

                 {%if $array[i].inputtype=='checkbox'%}

                     {%forlist from=$array[i].attrvalue key=ii%}

                         <input {%if $array[i].attrvalue[ii].selected=='selected'%}checked="checked" {%/if%}name="{%$array[i].attrname%}[]" type="checkbox" value="{%$array[i].attrvalue[ii].name%}" /> {%$array[i].attrvalue[ii].name%}

                     {%/forlist%}

                 {%/if%}

             </div>

         </div>

         {%/forlist%}

         {%if $form.isseccode==1%}

         <div class="form_group">

             <label for="username" class="control_label">验证码</label>

             <div class="control_required">

                 <input type="text" id="seccode" name="seccode" class=" infoInput" maxlength="4" size="5" style="text-transform: uppercase;"/>

                 <img title="点击更换验证码" id="{%$form.formcode%}seccodesrc" onclick="sessionimg('{%$form.formcode%}seccodesrc','{%$rootdir%}')" src="{%$seccodelink%}" style="cursor: pointer;height:28px;margin-left:5px;" align="absmiddle"/>

             </div>

         </div>

         {%/if%}

         <div class="form_group">

             <label class="control_label"> </label>

             <div class="control_required"><input type="submit" id="{%$form.formcode%}botton" class="button blue2" value="提交申请"> </div>

         </div>

     </div>

     <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>

 </div>

 </form>

模板/public/callmessage.html

 {%link file="cn/public/head_msg.html"%}

 <div class="msg-wrap">

     <div class="title mb20"><div class="messageicon2"></div><div class="messtitle">信息提醒</div></div>

     <div class="form_group">{%$calltitle%}</div>

     <div class="form_group">您可以选择以下操作按钮，网站将在<span class="em" id="spanSeconds">{%$tiptime%}</span>秒钟后返回默认地址！</div>

     <div class="form_group">

         {%if $backid > 0%}

         <input class="button blue2" onclick="javascript:location.href = '{%$backlinkURL%}';" name="submit" type="submit" value="{%$backBotton%}" />

         {%/if%}

         <input class="button blue2" onclick="javascript:location.href = '{%$linkURL%}';" name="submit" type="submit" value="{%$bottonName%}" />

     </div>

 </div>

 <script type="text/javascript">

     var seconds = {%$tiptime%};

     var defaultUrl = "{%$linkURL%}";

     onload = function() {

         if (defaultUrl == 'javascript:history.go(-1)' && window.history.length == 0) {

             document.getElementById('redirectionMsg').innerHTML = '';

             return;

         }

         window.setInterval(redirection, 1000);

     }

     function redirection() {

         if (seconds <= 0) {

             window.clearInterval();

             return;

         }

         seconds--;

         document.getElementById('spanSeconds').innerHTML = seconds;

         if (seconds == 0) {

             window.clearInterval();

             location.href = defaultUrl;

         }

     }

 </script>

 {%link file="cn/public/footer.html"%}

模板/article/search.html

 {%link file="cn/public/head_msg.html"%}

 <div class="sch-wrap">

     <div class="sch-title">内容搜索结果{%if $keyword%}：{%$keyword%}{%/if%}</div>

     <div class="sch-line"></div>

     {%if count($array) > 0%}

     <ul class="sch-list">

         {%forlist from=$array key=i%}

         <li>

             <dl>

                 <dd class="tl"><a title="{%$array[i].title%}" target="_blank" href="{%$array[i].link%}">{%$array[i].ctitle%}</a></dd>

                 <dd class="dr">{%$array[i].addtime|timeformat(3)%}</dd>

             </dl>

         </li>

         {%/forlist%}

     </ul>

     <div class="sch-line"></div>

     <div class="sch-page-botton">

         <div id="pagelist">{%$pagetext%}</div>

     </div>

     <div class="page_botton">

         <div id="pagination" class="pagination">

             {%$pagebotton%}

         </div>

     </div>

     {%else%}

     <div class="page_botton">

         <div id="pagination">暂未搜索到相关内容</div>

     </div>

     {%/if%}

 </div>

 {%link file="cn/public/footer.html"%}

css:

/*表单*/

.feedback {

    color: #999999;

    width: 631px;

}

.feedback label {

    display: none;

}

.feedback input {

    height: 57px;

    width: 631px;

    padding: 14px 20px;

    color: #999;

    background: none;

    border: 1px solid #e4e1e1;

    font-size: 14px;

    line-height: 28px;

}

.feedback input[type="text"] {

    float: left;

    margin-bottom: 14px;

}

.feedback textarea {

    height: 207px;

    width: 631px;

    padding: 14px 20px;

    color: #999;

    background: none;

    border: 1px solid #e4e1e1;

    font-size: 14px;

    line-height: 28px;

}

.feedback input.button {

    width: 196px;

    height: 42px;

    line-height: 42px;

    color: #fff;

    font-size: 16px;

    padding:;

    text-align: center;

    border:;

    background: #615135;

    transition: all .2s;

    margin: 45px auto;

    display: block;

}

.feedback input.button:hover {

    background: #937C53;

}

.feedback input.infoInput_1 {

    width: 308px;

    margin-right: 15px;

}

.feedback input.infoInput_2 {

    width: 308px;

    margin-right:;

}

/*提示页*/

.msg-wrap {

    width: 800px;

    margin: 120px auto 180px;

    text-align: center;

    border: 1px solid #ccc;

    padding: 50px;

}

.msg-wrap .title {

    height: 48px;

    line-height: 48px;

    font-size: 16px;

}

.msg-wrap .button {

    margin-top: 30px;

}

/*搜索结果页*/

.sch-wrap {

    width: 1000px;

    overflow: hidden;

    margin: 60px auto 40px;

}

.sch-title{

    float: left;

    width: 800px;

    padding: 10px 0px 7px 5px;

    color: #937c53;

    font-size: 16px;

}

.sch-line {

    width: 1000px;

    border-bottom: 1px solid #e6e6e6;

    height: 1px;

    overflow: hidden;

}

.sch-list {

    padding: 10px 10px;

}

.sch-list li {

    width: 100%;

    border-bottom: 1px dotted #ccc;

    padding: 10px 0px 0px 10px;

}

.sch-list li dd.tl {

    float: left;

}

.sch-list li dd.dr {

    float: right;

    color: #a5a5a5;

}

.sch-page-botton {

    text-align: center;

    overflow: hidden;

    margin-top: 30px;

    margin-bottom: 30px;

}

演示效果：（根据实际情况可再作调整）

espcms简约版的表单，提示页，搜索列表页的更多相关文章

JSP将表单提交并在本页中显示
代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8& ...
HTML5表单提示placeholder属性兼容IE
placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <inpu ...
poshytip漂亮的表单提示插件
一款很实用的小插件,在表单的输入框会显示提示信息,你可能会用的它. 实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ...
Ext表单提示方式：msgTarget
Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; Ext表单提示方式:msgTarget:有4中方式:qtip,t ...
Yii2提交表单提示无法验证
yii2使用gii生成的搜索视图里的表单使用的是get方式,我改为post就提示无法验证,以为是控制器默认访问是get,实际默认是get和post都可以 public function behavio ...
Laravel框架中Form表单Get请求搜索（在此感谢[https://simon8.com]）
首先看一下HTML部分的Form表单 <form role="search" method="get" id="searchform" ...
JQuery实现的智能表单提示
实现一个类似如此效果的表单验证:
vue 详情跳转至列表页实现列表页缓存
甲爸爸提了一个需求,希望公众号内的商城能够像app一样,从商品详情页跳转至列表页及其他列表页时,可以实现列表页缓存(数据不刷新.位置固定到之前点的商品的位置) 本来想着scrollBehavior应该 ...
IE低版本下实现html5的placeholder(表单提示)功能
placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的 <inpu ...

随机推荐

ComponetArt Upload上传组件
componentArt的组件很炫,但示例并非单独的,要分离开来用还得费一番周折. 一个不经意问题,足足困扰了一好几天,服务器的时间不对,导致控件无法正常显示,无浏览文件按钮看来,控件的开发者设定了 ...
jQuery美化下拉菜单插件dropkick
dropkick是一款基于jquery库的美化下拉框下拉菜单的插件,它通过定制HTML插入可使丑陋无聊的<select>下拉列表变得美丽. name属性是唯一一个必需的填写的,不过你也应该 ...
nodejs+express+mysql 增删改查
之前,一直使用的是nodejs+thinkjs来完成自己所需的项目需求,而对于nodejs中另外一中应用框架express却了解的少之又少,这两天就简单的了解了一下如何使用express来做一些数据库 ...
.NET 常用框架
1.Hangfire 2.Lucene.Net 3.Log4Net 4.Quartz.Net 5.Autofac 6.SqlSugar 7.NPOI 8.Senparc.Weixin.MP 9.Aut ...
java画图之初体验
1.实现画图程序所需的API类 JFrame JButton ActionListener 动作事件接口 ActionEvent ...
Jquery揭秘系列：谈谈bind,one,live,delegate事件及实现
在Jquery里面,我们用的最多的就是事件绑定了,事件绑定有多个函数.例如:bind,one,live,delegate等等. 我们先看看他们的定义,直接进入主题: bind( )方法用于将一个处理程 ...
即使用ADO.NET，也要轻量级实体映射，比Dapper和Ormlite均快
不管出于什么原因,有时候框架人员摒弃了NH或EF,而使用原生数据库访问对象. 为了优美的编程,用上我写的轻量级映射扩展方法吧目的:将SqlDataReader自动转换成T类型代码如下: /// & ...
java连接mysql
Java 连接 MySQL 需要驱动包,最新版下载地址为:http://dev.mysql.com/downloads/connector/j/,解压后得到jar库文件,然后在对应的项目中导入该库文件 ...
将DataTable生成树json
protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { ListMenu(); } } protected ...
CSS3中的变形处理
在css3中,可以利用transform功能来实现文字或者图像的旋转.缩放.倾斜.移动这四种类型的变形处理. 旋转旋转功能使用rotate方法参数中加入角度值,方向为顺时针旋转.示例清单如下: &l ...

espcms简约版的表单，提示页，搜索列表页

espcms简约版的表单，提示页，搜索列表页的更多相关文章

随机推荐

热门专题