分享

一个密码输入框的样式

 走墨 2014-11-19
<%@page contentType="text/html; charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp"%>
<script src="${root}/skins/ztxx/js/jquery-1.7.1.min.js"
type="text/javascript"></script>
<script src="${root}/skins/ztxx/js/all.js" type="text/javascript"></script>
<script src="${portalLoginUrl}/common/js/lhgdialog/lhgdialog_1.min.js?skin=idialog"></script>

<style type="text/css">
.form-box {margin-bottom: 20px;}
.fix {clear: both;}
.fix:after {display: block;clear: both;height: 0px;overflow: hidden;visibility: hidden;content: ".";}
.form-label {width: 100px;}
.form-box .form-label {float: left;font-size: 14px;width: 50px;margin-top: 7px;text-align: right;}
.form-box .form-fields {margin-left: 10px;letter-spacing: normal;vertical-align: top;}
.form-box .allInput {padding-left: 10px;height: 32px;line-height: 32px;border: 1px solid #D6D6D6;border-radius: 5px;color: #222;background: none repeat scroll 0% 0% #FBFBFB;}
.w320 {width: 180px;}
button,input,select,textarea {font: 12px/1.5 Arial, Helvetica, sans-serif, 宋体;vertical-align: middle;}
.form-box .error {margin-left: 15px;font-size: 12px;color: #D10505;}
.action {margin-bottom: 40px;margin-left:140px;}
.action .a1 {background: none repeat scroll 0% 0% #FF4200;}
.action .a2 {background: none repeat scroll 0% 0% #93C900;font-size: 22px;}
.action a {display: block;height: 32px;line-height: 30px;margin-bottom: 15px;width: 30%;text-align: center;font-size: 20px;color: #FFF;border-radius: 5px;font-family: "Microsoft YaHei";}
</style>

<div style="margin-top:30px;margin-left:10px;margin-right:10px;">
<div class="form-box fix">
<label class="form-label">密码:</label>
<div class="form-fields">
<input class="allInput w320" placeholder="请选择报名开始日期" type="text">
<span class="error">请输入密码!</span>
</div>
</div>
<div class="action" ><div id="act"><a href="###" onclick="reportProject('/ztxx','dasdasdsasadsaasdsad')" class="a1">报名</a></div></div>
</div>

用的iframe 调用为:
$.dialog({id:'reportId', 
       title:'',
       background: '#FFF', /* 背景色 默认的遮罩背景色为:#DCE2F1浅蓝护眼色 */ 
       opacity: 0.5,       /* 透明度 */ 
       content: 'url:'+root+'/ztxx/ZtxxProject/studentReport.jspx?pid='+pid+'&date='+new Date().getTime(), 
       max: false, 
       min: false,
       drag: false, 
       resize: false,
       width: 380, 
       height:160
    });



    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约