[html]代码库
<!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
回复评论