
<!DOCTYPE html> |
<html> |
<head lang="en"> |
<meta charset="UTF-8"> |
<title>登录</title> |
<meta name="viewport" content="width=devic-width, initial-scale=1"> |
<link href="../css/bootstrap.min.css" rel="stylesheet"/> |
<link href="../css/style.css" rel="stylesheet"/> |
</head> |
<body class="login"> |
<div class="container"> |
<div class="row"> |
<div class="col-sm-4 col-sm-offset-4 "> |
<br><br><br> |
<form class="bs-example bs-example-form" role="form"> |
<div class="input-control" align="center" style="margin-bottom: 10px"> |
<img src="../img/logo.jpg" style="width:60px;height:60px;"> |
<h1>自行车</h1> |
</div> |
<div class="input-group input-group-lg has-success"> |
<span class="input-group-addon">手机号</span> |
<input type="text" class="form-control" placeholder="手机号" maxlength="11" |
onkeyup="this.value=this.value.replace(/\D/g,'')" |
onafterpaste="this.value=this.value.replace(/\D/g,'')"> |
<span class="glyphicon glyphicon-ok-sign form-control-feedback"></span> |
</div> |
<br> |
<div class="input-group input-group-lg has-error"> |
<span class="input-group-addon">验证码</span> |
<input type="text" class="form-control" placeholder="请输入验证码"> |
<span class="input-group-code"> |
<img src="../img/logo.jpg" id="safeCode" style="width:120px;height:46px;cursor:pointer"> |
</span> |
<span class="glyphicon glyphicon-remove-sign form-control-feedback"></span> |
</div> |
<br> |
<div> |
<p align="center"> |
<button type="submit" class="btn btn-md btn-primary">登陆</button> |
</p> |
<br><br><br> |
</div> |
</form> |
</div> |
</div> |
</div> |
</body> |
<script src="../js/jquery-2.1.0.min.js"></script> |
<script src="../js/bootstrap.min.js"></script> |
</html> |




初级程序员
by: 码农小二 发表于:2020-06-08 21:28:00 顶(0) | 踩(0) 回复
122
回复评论