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

随机推荐

mysql apach php
一.MySql MySQL安装文件分为两种,一种是msi格式的,一种是zip格式的.如果是msi格式的可以直接点击安装,按照它给出的安装提示进行安装(相信大家的英文可以看懂英文提示),一般MySQL将 ...
WebService基本使用
不使用任何框架,纯粹使用JDK开发一个服务端与客户端服务端 package org.zln.ws.server;import org.slf4j.Logger;import org.slf4j.Lo ...
Permutations
Permutations Given a collection of distinct numbers, return all possible permutations. For example,[ ...
ReactNative新手学习之路02第一个RN项目
开始第一个RN项目(iOS版)我的电影列表0.1版,后面做列表版打开上一节项目 index.ios.js,android打开index.android.js.我这里使用的是Atom编辑器,你也可以使 ...
js实现弹框及自动关闭
<SCRIPT LANGUAGE="javascript"> < !-- window.open (''page.html'',''newwindow'',''h ...
20145215&20145307信息安全系统设计基础实验报告
20145215&20145307信息安全系统设计基础实验报告 PART1 一.实验原理交叉编译,简单地说,就是在一个平台上生成另一个平台上的可执行代码.同一个体系结构可以运行不同的操作系统 ...
.NET跨平台之旅：借助ASP.NET 5 Beta5的新特性显示CLR与操作系统信息
今天在 MSDN 博客上看到了 ASP.NET 5 Beta5 的发布消息(详见 ASP.NET 5 Beta5 Now Available),从中知道了 2 个新特性: 1. DNX: New IR ...
java中使用MD5加密技术
在项目中经常会对一些信息进行加密,现在常用的信息加密技术有:MD5.RSA.DES等,今天主要说一下,md5加密,以及如何在java代码根据自己的业务需求使用md5. MD5简介: MD5即Messa ...
1130mysql explain中的type列含义和extra列的含义
很多朋友在用mysql进行调优的时候都肯定会用到explain来看select语句的执行情况,这里简单介绍结果中两个列的含义. 1 type列官方的说法,说这列表示的是"访问类型" ...
Swift学习笔记－ARC
Swift使用自动引用计数(ARC)机制来跟踪和管理你的应用程序的内存.通常情况下,Swift 内存管理机制会一直起作用,你无须自己来考虑内存的管理.ARC 会在类的实例不再被使用时,自动释放其占用的 ...

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

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

随机推荐

热门专题