hao

In this example below you will see how to do a hao with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by bxq2005, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright bxq2005 ©

Technologies

  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>hao</title>
  
  
  
  
  
</head>

<body>

  
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<!--[if IE]>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<![endif]-->

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>发布询价单 - 乐采电子采购平台</title>
		<link href="http://192.168.0.112:90/images/favicon.ico" rel="icon" type="image/x-icon" />
        <link rel="stylesheet" href="http://192.168.0.112:90/css/lib/bootstrap/bootstrap.css"/>
		<link rel="stylesheet" href="http://192.168.0.112:90/css/lib/font-awesome/font-awesome.min.css">
        <link rel="stylesheet" href="http://192.168.0.112:90/css/lib/daterangepicker/daterangepicker-bs3.css" />
		<link rel="stylesheet" href="http://192.168.0.112:90/css/lib/tabdrop/tabdrop.css">
        <link rel="stylesheet" href="http://192.168.0.112:90/css/lib/ionicons/ionicons.min.css">
       <!-- <link rel="stylesheet" href="http://192.168.0.112:90/css/validation.css"/>-->
		<link rel="stylesheet" href="http://192.168.0.112:90/css/styles.css" id="theme-css">

        
        
<link rel="stylesheet" href="http://192.168.0.112:90/css/lib/bootstrapvalidator/bootstrapvalidator.min.css" rel="stylesheet" /> 
	</head>

	<body>
		<header>
			<nav class="navbar navbar-default navbar-transparent">
				<div class="container-fluid" id="nav-container">
					<div class="navbar-header">
						<button class="navbar-toggle navbar-toggle-settings" data-target="#top-navbar" data-toggle="collapse" type="button">
                        </button>
						<a class="navbar-brand logo" href="#">
							乐采LOGO
						</a>
						<div class="navbar-side-menu-toggle">
							<button class="toggle-btn" type="button">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            </button>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="top-navbar">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="#"><i class="ico-img home"></i><span>乐采首页</span></a></li>
							<li><a href="#"><i class="ico-img phone"></i> <span>手机版</span></a></li>
                            <li><a href="#"><i class="ico-img message"></i> <span>消息中心(12)</span></a></li>
                            <li>
                            	<a href="#" target="_blank" class="dropdown-toggle" data-toggle="dropdown"><i class="ico-img kf"></i> <span>客服中心</span></a>
                                
                            </li>
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="ico-img person"></i>  <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a href="/regist/logout.html">注销</a></li>
									<li class="divider"></li>
									<li><a href="/app_login.html">退出</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<div class="container-fluid" id="content-container">
			<div class="content-wrapper">
				<div class="row">
					<div class="side-nav-content side-all">
						<div class="left-side-wrapper">
							<div class="left-side sticky-left-side">
								<div class="left-side-inner">
									<ul class="nav nav-pills nav-stacked custom-nav"> <!--custom-nav文字阴影-->
                                    	<li>
                                            <a href="https://www.baidu.com" target="_blank" id="user-switching" title="点击切换到乐采供应商中心"><i class="ico-img user-switching"></i> <span>乐采采购商中心</span></a>
                                            
                                        </li>
										<li class="menu-list "><a href="#"><i class="ico-img account-management"></i> <span>账号管理</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li >
													<a href="/user/info.html"><i class="ico-img account-information"></i>账号信息</a>
												</li>
												<li >
													<a href="/user/address.html"><i class="ico-img transaction-management"></i>收发货地址</a>
												</li>
												<li>
													<a href="#"><i class="ico-img bank"></i>银行信息</a>
												</li>
                                                <li>
													<a href="#"><i class="ico-img account-security"></i>账号安全</a>
												</li>
                                                <li >
													<a href="/user/authen1.html"><i class="ico-img enterprise-certification"></i>企业认证</a>
												</li>
                                                <li >
													<a href="/user/certificate.html"><i class="ico-img qualification-certificate"></i>企业资质证书</a>
												</li>
												 <li>
													<a href="#"><i class="ico-img sub-account-management"></i>子账号管理</a>
												</li>
											</ul> 
										</li>
										<!--<li class="nav-header">General</li>-->
										<li class="menu-list " style="display:none"><a href=""><i class="ico-img organization-management"></i> <span>组织管理</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li>
													<a href="#"><i class="ico-img organization-list"></i>组织列表</a>
												</li>
											</ul>
										</li>
										
										<li class="menu-list "><a href=""><i class="ico-img supplier"></i> <span>供应商管理</span> <i class="triangle-menu pull-right1"></i></a>
										<ul class="sub-menu-list">
												<li>
													<a href="#"><i class="ico-img supplier"></i>供应商管理</a>
												</li>
											</ul>
										</li>
										<li class="menu-list "><a href=""><i class="ico-img materiel"></i> <span>物料清单</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li>
													<a href="#"><i class="ico-img bill"></i>所有物料</a>
												</li>
												<li>
													<a href="#"><i class="ico-img Material-classification"></i>采购类目</a>
												</li>
											</ul>
										</li>
										
										
										<li class="menu-list "><a href=""><i class="ico-img Bidding-setting"></i> <span>招标设置</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li>
													<a href="#"><i class="ico-img department-management"></i>评分模板管理</a>
												</li>
												<li>
													<a href="#"><i class="ico-img post-management"></i>专家管理</a>
												</li>
											</ul>
										</li>
										
										
										<li class="menu-list nav-active current"><a href=""><i class="ico-img information-Delivery"></i> <span>寻源发布</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li class="active">
													<a href="/srcrls/request.html"><i class="ico-img information-Delivery"></i>发布询价单</a>
												</li>
												<li>
													<a href="#"><i class="ico-img information-Delivery"></i>发布招标单</a>
												</li>
												<li>
													<a href="#"><i class="ico-img information-Delivery"></i>发布竞价单</a>
												</li>
											</ul>
										</li>
										
										<li class="menu-list "><a href=""><i class="ico-img information-management"></i> <span>寻源管理</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li>
													<a href="#"><i class="ico-img inquiry-shopping"></i>询价项目</a>
												</li>
												<li>
													<a href="#"><i class="ico-img Tender-shopping"></i>招标项目</a>
												</li>
												<li>
													<a href="#"><i class="ico-img Bidding-shopping"></i>竞价项目</a>
												</li>
											</ul>
										</li>
										
										<li class="menu-list "><a href=""><i class="ico-img Complaint-management"></i> <span>投诉管理</span> <i class="triangle-menu pull-right1"></i></a>
											<ul class="sub-menu-list">
												<li>
													<a href="#"><i class="ico-img Complaint-management"></i>投诉管理</a>
												</li>
												<li>
													<a href="#"><i class="ico-img I_complain"></i>我要投诉</a>
												</li>
												<li>
													<a href="#"><i class="ico-img I-appeal"></i>我的申诉</a>
												</li>
											</ul>
										</li>
										
										
									</ul>
								</div>
							</div>
						</div>
						
						


<style type="text/css">
    /*发布询价单*/
    .fbxjd-info-title{padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #dddddd}
    .fbxjd-info-content{ border-left:4px solid #496AB4;height: 27px; font-size:18px; vertical-align:middle; line-height:21px; text-indent:19px;}
    .fbxjd-margin-15{ margin-top:15px; margin-bottom:15px}
    /*发布询价单*/
</style>

                <div class="main-content-wrapper">
                    <div class="container-fluid container-controls">
                        <h2 class="text-center"><b>询价单</b></h2>

                        <div class="fbxjd-info-title">
                            <div class="text-left fbxjd-info-content"><h3>标题</h3></div>
                        </div>
                        <div class="info-ts"><input type="text" class="form-control"placeholder="为该询价单写个标题(必填)"></div>
                        <div class="fbxjd-info-title">
                            <div class="text-left fbxjd-info-content"><h3>询价产品</h3></div>
                        </div>
                        <label class="checkbox-inline no-padding fbxjd-margin-15">
                            <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked>现货/标准品
                            &nbsp; &nbsp;
                            <input type="radio" name="optionsRadiosinline" id="optionsRadios4" value="option2"> 加工/订制品
                        </label>
                        <table class="table table-bordered">
                            <tr>
                                <td></td>
                                <td>产品名称</td>
                                <td>所属行业</td>
                                <td>数量</td>
                                <td>单位</td>
                                <td>产品描述</td>
                                <td>图片/图纸/文档</td>
                            </tr>
                            <tr class="no-padding">
                                <td><i class="fa fa-minus col-md-1 text-center"  ></i></td>
                                <td><input type="text" class="form-control" ></td>
                                <td>
                                    <form role='form'>
                                        <div class="form-group">
                                            <select class="form-control">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                        </div>
                                    </form>

                                </td>
                                <td><input type="text" class="form-control"></td>
                                <td><input type="text" placeholder='件,吨'class="form-control"></td>
                                <td><input type="text" placeholder='填写规格说明,报价更精准'class="form-control"></td>
                                <td><i class="fa fa-paperclip"></i><button type="button" class="btn btn-link">上传</button></td>
                            </tr>								</table>
                        <div class="">
                            <label for=""><i class="fa fa-plus"style="margin-left: 26px;"></i></label>
                            <button type="button" class="btn btn-link">添加产品</button>
                            <button type="button" class="btn btn-link">批量导入</button>
                            <button type="button" class="btn btn-link">从物料清单发起</button>
                        </div>

                        <div class="fbxjd-info-title  ">
                            <div class="text-left fbxjd-info-content"><h3>商务条款</h3></div>
                        </div><br>
                        <form name="form1"  method="post" class="form-horizontal">
                            <div class="form-group has-feedback">
                                <label  class="col-md-1 no-padding text-right"><span class="red">*</span>报价截止时间:</label>
                                <div class="col-md-4">
                                    <input size="16" type="text" value="2012-06-15 14:45" >
                                  <label class=" no-padding inputback text-left"><span class="red">45天后</span></label>
                                     <script type="text/javascript">  $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});</script><br> 
                                  
                                </div>
                              
                            </div>

                            <div class="form-group has-feedback">
                                <label  class="col-md-1 no-padding text-right ">期望收货日期:</label>
                                <div class="col-md-6">
                                   <input type="radio" />指定日期 &nbsp;&nbsp;
                                   <input size="16" type="text" value="2012-06-15 14:45"> &nbsp;&nbsp;&nbsp;
                                     <script type="text/javascript">  $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd hh:ii'});</script>
                                  签订合同后&nbsp;<input type="text">&nbsp;内交货至指定地点
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label  class="col-md-1 no-padding control-label">
                                    报价要求:
                                </label>
                                <div class="col-md-6 ">
                                    <div class="checkbox col-md-3 no-padding">
                                        <label><input type="checkbox">包含税价</label>
                                    </div>
                                </div>    
                            </div>

                            <div class="form-group has-feedback">
                                <label   class="col-md-1 no-padding control-label">报价类型:</label>
                                <div class="col-md-6">
                                    <div class="radio col-md-2 no-padding">
                                        <label><input type="radio">整单报价</label>
                                    </div>
                                    <div class=" radio col-md-2 no-padding">
                                        <input type="radio">分项报价 </label>
                                    </div>
                                </div>
                            </div>
                            
                            
                                <label for="inputEmail3" class="col-md-1 no-padding control-label"><span class="red">*</span>收货地:</label>
                                <div class="col-md-8 no-padding">
                                    <div class="dropdown col-md-5 selectPdiv">
                                        <select class="form-control">
                                            <option>山西省</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                        <select class="form-control">
                                            <option>运城市</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                        <select class="form-control no-margin">
                                            <option>盐湖区</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                    </div>
                                </div>
                          

                            <div class="fbxjd-info-title">
                                <div class="text-left fbxjd-info-content"><h3>对供应商要求</h3></div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label">发票要求:</label>
                                <div class="col-md-1 no-padding">
                                    <div class="radio">
                                        <label><input type="radio"   name='a' checked > 无需发票</label></div>
                                </div>
                                <div class="col-md-1 no-padding">
                                    <div class="radio">
                                        <label><input type="radio"  name="a"> 普通发票</label></div>
                                </div>
                                <div class="col-md-1 no-padding">
                                    <div class="radio">
                                        <label><input type="radio"  name="a"> 增值税发票</label></div>
                                </div>

                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label">注册资金:</label>
                                <div class="col-md-2">
                                    <input type="text"  class="form-control u_name"  data-bv-field="name1"><i class="form-control-feedback" data-bv-icon-for="name1" style="display: none;"></i>
                                </div>
                                <label class="col-md-1 no-padding inputback">万元以上</label>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label">证照要求:</label>
                                <div class="col-md-2 no-padding">
                                    <div class="checkbox">
                                        <label ><input type="checkbox" >营业执照 </label>
                                    </div>
                                </div>
                                <div class="col-md-2 no-padding">
                                    <div class="checkbox">
                                        <label  ><input type="checkbox" >税务登记证 </label>
                                    </div>

                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label"> </label>
                                <div class="col-md-2 no-padding">
                                    <div class="checkbox">
                                        <label ><input type="checkbox" >组织机构代码证</label>
                                    </div>
                                </div>
                                <div class="col-md-2 no-padding">
                                    <div class="checkbox">
                                        <label  ><input type="checkbox" >国际和国内的产品认证证书 </label>
                                    </div>

                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label"> </label>
                                <div class="col-md-2 no-padding">
                                    <div class="checkbox">
                                        <label ><input type="checkbox" >环境管理体系认证证书</label>
                                    </div>
                                </div>
                                <div class="col-md-2 no-padding">
                                    <div class="checkbox">
                                        <label  ><input type="checkbox" >企业质量广利体系认证证书 </label>
                                    </div>

                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label class="col-md-1 no-padding control-label">补充说明:</label>
                                <div class="col-md-2 ">
                                    <div class="textarea">
                                        <label ><textarea class="form-control" rows="3"></textarea></label>
                                    </div>
                                </div>
                            </div>

                        </form>

                        <div class="fbxjd-info-title">
                            <div class="text-left fbxjd-info-content"><h3>联系方式及隐私设置</h3></div>
                        </div>




                        <form name="form1" id="form1" method="post" class="form-horizontal bv-form" novalidate><br>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label">询价方式:</label>
                                <div class="col-md-6">
                                    <div class="col-md-12 no-padding">
                                        <div class="radio col-md-12 no-padding">

                                            <label>
                                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                                                广泛征集供应商报价(系统会为您匹配供应商,供应商也可以通过搜索找到您的询价单)
                                            </label>

                                        </div>
                                        <div class="radio col-md-12 no-padding">

                                            <label>
                                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                                                邀请指定供应商报价(发布完成后在<a href="">供应商管理</a>中邀请报价
                                            </label>

                                        </div>
                                        <div class="radio col-md-12 no-padding">

                                            <label>
                                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                                                只允许我的供应商报价(发布完成后你的所有供应商都能看到您的询价单)
                                            </label>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label">采购门户:</label>

                                <div class="col-md-6">
                                    <div class="radio col-md-3 no-padding">

                                        <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>公布到我的采购门户<br></label>

                                    </div>
                                    <div class="radio col-md-4 no-padding">

                                        <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" >不公布到我的采购门户<br></label>

                                    </div><br>
                                </div>
                            </div>

                            <div class="form-group has-feedback">
                                <label  class="col-md-1 no-padding control-label">
                                    报价要求:
                                </label>
                                <div class="checkbox col-md-4 ">

                                    <label><input type="checkbox">需要包含税价</label>

                                </div>    
                            </div>

                            <div class="form-group has-feedback">
                                <label class="col-md-1 no-padding control-label">报价查看要求:</label>
                                <div class="col-md-6 ">
                                    <div class="checkbox col-md-4 no-padding text-nowrap">
                                        <label><input type="checkbox" >报价截止时间到期后才能查看报价单</label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label class="col-md-1 no-padding control-label">安全设置:</label>
                                <div class="checkbox col-md-6 ">

                                    <label><input type="checkbox">需供应商签署<a href="http://www.cmf.com/#" style="background-color: rgb(255, 255, 255);">保密协议</a>才能查看详情,报价了解详情<br></label>

                                </div>
                            </div>

                            <div class="form-group">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label">联系方式:</label>
                                <div class="col-md-6">
                                    <div class="radio col-md-2 no-padding">

                                        <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 报价后可见</label>

                                    </div>
                                    <div class="radio col-md-2 no-padding">

                                        <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 授权后可见</label>

                                    </div>
                                    <div class="radio col-md-2 no-padding">

                                        <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 公开</label>

                                    </div><br>
                                </div>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label"><span class="red">*</span>联系人:</label>
                                <div class="checkbox col-md-2">

                                    <input type="text" name="name1" id="name1" class="form-control u_name" >

                                </div><br>
                            </div>
                            <div class="form-group has-feedback">
                                <label for="inputEmail3" class="col-md-1 no-padding control-label"><span class="red">*</span>电话:</label>
                                <div class="text col-md-2">

                                    <input type="text" name="name1" id="name1" class="form-control u_name" >

                                </div>
                            </div>


                        </form>
                        <div>
                            <div class="col-md-1 no-padding"></div>
                            <div class="btn-page-submit text-left col-md-5">
                                <button type="submit" class="btn-info btn-lg">确定发布</button>
                            </div>
                        </div>




                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="add-address">
                                    <div class="add-address-con col-md-12 no-padding">
                                        <div class="add-address-tit">添加收货地址<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>
                                        <form name="form1" id="form1" method="post" class="form-horizontal">
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-md-4 control-label"><span class="red">*</span>收货人姓名:</label>
                                                <div class="col-md-4">
                                                    <input type="text" name="name1" id="name1" class="form-control u_name" placeholder="请输入用户名">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-md-5 control-label"><span class="red">*</span>所在地区:</label>
                                                <div class="dropdown col-md-6 selectPdiv">
                                                    <select class="form-control">
                                                        <option>山西省</option>
                                                        <option>2</option>
                                                        <option>3</option>
                                                        <option>4</option>
                                                        <option>5</option>
                                                    </select>
                                                    <select class="form-control">
                                                        <option>运城市</option>
                                                        <option>2</option>
                                                        <option>3</option>
                                                        <option>4</option>
                                                        <option>5</option>
                                                    </select>
                                                    <select class="form-control no-margin">
                                                        <option>盐湖区</option>
                                                        <option>2</option>
                                                        <option>3</option>
                                                        <option>4</option>
                                                        <option>5</option>
                                                    </select>
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-md-4 control-label"><span class="red">*</span>街道地址:</label>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-md-4 control-label"><span class="red">*</span>邮政编码:</label>
                                                <div class="col-md-4">
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-md-4 control-label">手机号码:</label>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-md-4 control-label">设为默认:</label>
                                                <div class="col-md-6 set-default">
                                                    <input type="checkbox">
                                                </div>
                                            </div>   


                                            <div class="btn-group-submit text-right">
                                                <button type="submit" class="btn btn-default btn-del sub-preservation">提交保存</button>
                                                <button type="submit" class="btn btn-default btn-del sub-cancel" data-dismiss="modal" aria-label="Close">取消</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    

			</div>
		</div>
		
		<footer>
			<div class="container text-center">
				<div class="row">
					<div class="col-md-12">
						<ul class="list-inline">
							<li><small>lecailegou.com 版权所有</small></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
        
        
   		
   		

		<script src="http://192.168.0.112:90/js/lib/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
        <script src="http://192.168.0.112:90/js/lib/bootstrap/bootstrap.min.js" type="text/javascript"></script>
        <script src="http://192.168.0.112:90/js/lib/slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="http://192.168.0.112:90/js/lib/momentjs/moment.min.js" type="text/javascript"></script>
        <script src="http://192.168.0.112:90/js/lib/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <script src="http://192.168.0.112:90/js/lib/tabdrop/bootstrap-tabdrop.js" type="text/javascript"></script>
        <script src="http://192.168.0.112:90/js/scripts.min.js" type="text/javascript"></script>
		
                    <script src="http://192.168.0.112:90/js/lib/bootstrapvalidator/bootstrapValidator.min.js" type="text/javascript"></script>
                    <script src="http://192.168.0.112:90/js/lib/mask/jquery.mask.min.js" type="text/javascript"></script>

                    <script type="text/javascript" language="javascript">
                                        $('#myModal').on('shown.bs.modal', function () {
                                            $('#myInput').focus()
                                        })
                    </script>
                    <script>
                        $(function () {
                            $('#form1').bootstrapValidator({
                                message: 'This value is not valid',
                                feedbackIcons: {
                                    valid: 'glyphicon glyphicon-ok',
                                    invalid: 'glyphicon glyphicon-remove',
                                    validating: 'glyphicon glyphicon-refresh'
                                },
                                fields: {
                                    name1: {
                                        validators: {
                                            notEmpty: {
                                                message: '请输入用户名'
                                            }
                                        }
                                    }
                                },
                                submitHandler: function (validator, form, submitButton) {}
                            });
                        });
                    </script>
                    
		
<a style="display: none;" href="#top" id="back-to-top"><i class="fa fa-chevron-up"></i></a>
</body>
</html>
  
  

</body>

</html>

Comments