仿豆瓣注册页面_qq_29069777的博客-程序员宅基地

技术标签：前端

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CH">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎加入豆瓣</title>
<link rel="shortcut icon" type="image/x-icon" href="../HTML图片/u=517497324,1050730652&fm=26&gp=0.ico" >
<style type="text/css">

.GlobalPhone {
vertical-align: middle;
display: inline-block;
}

.GlobalPhone{
display:table;
padding:0;
height:28px;
width:210px;
font-size:0;
position:relative;
}

.GlobalPhone>span{
text-align:center;
padding:0 7px;
cursor:pointer;
color:#494949;
white-space:nowrap;
}

.GlobalPhone>span,.GlobalPhone input{
line-height:28px;
}

.GlobalPhone>*{
font-size:14px;
display:table-cell;
vertical-align:top;
}

.GlobalPhone>span:after{
content:"";
display:inline-block;
height:15px;
border-right:1px solid #ccc;
vertical-align:middle;
margin-left:7px;
}

#request-phone-code-btn{
cursor:pointer;
background:#fff;
border:1px solid #c9c9c9;
font-size:13px;
padding:6px 15px;
border-radius:3px;
vertical-align:middle;
-webkit-border-radius:3px;
}

.item {
clear:both;

}

em{
font-style:normal;
}

a:link{
color:#369;
text-decoration:none;
}

.loc {
font-size: 12px;
line-height: 30px;
}

input:focus {
border-color:#000 !important;
outline: 0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175,233,0.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175,233,0.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175,233,0.6);
}

.basic-input {
width:200px;
height:18px;
padding:5px;
border-radius:3px;
border:1px solid #333;
font-size:14px;
background-color:transparent;
}

label {
display:inline-block;
float:left;
margin-right:15px;
text-align:right;
width:60px;
font-size:14px;
line-height:30px;
vertical-align:middle;
}

.tips, #location{
font-size:12px;
color:#808080;
}
.suggestion {
padding-left:75px;
}

.enable{
color:#ffffff;
background:#3fa156;
border:1px solid #063;
}
.btn-submit{
cursor:pointer;
font-size:14px;
font-weight:bold;
padding:6px 26px;
border-radius:3px;
}

input,button.textarea,select{
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}

</style>
</head>

<h2>欢迎加入豆瓣</h2>

<div class="suggestion">
<span class="tips">第一印象很重要，起个响亮的名号吧</span>

</div>

<div class="item loc-item">
<label>常居地</label>
<span class="loc">
<em id="location">
豆瓣猜你在
<strong>成都</strong>
，没猜对？
</em>
<a href="#" class="a-btn-location" id="edloc">手动选择</a>
</span>
</div>

<div class="item extra-tips">
<label for="verify_phone_num">手机号</label>
<div class="basic-input GlobalPhone" >
<span class="js-choose-district" data-abbr="CN">
86
</span>
<div >
<input id="verify_phone_num" type="text" class="basic-input" maxlength="60" value tabindex="1" />
<input id="verify_phone" name="verify_phone" type="hidden"
value />
</div>`
</div>
</div>

<div class="suggestion">
<span class="tips">
用手机接收注册验证码
<br />

验证的手机号如果没有绑定过账号。会自动绑定当前账号
</span>
</div>

<div class="item-caption-item">
<label>验证码</label>
<input id="code" name="code" type="text" class="basic-input small" maxlength="10" tabindex="2" />
<input id="request-phone-code-btn" type="submit" value="获取验证码" />
<span id="tips-error" class="tips">
<em></em>

</span>
<span id="tips-info" class="tips"></span>
<span class="validate-error" id="frm_error"></span>
</div>

<div class="item-submit">
<label> </label>
<input type="submit" name="register" value="注册" id="button" class="btn-submit enable" tabindex="6" title="阅读并同意《使用协议》方可注册"
/>
</div>

<style>
div {

width: 300px;
border: 10px solid white;
padding: 0px;
margin: 0px;
}
</style>

</body>
</html>

手打。

更多专业前端知识，请上【猿2048】www.mk2048.com

本文链接：https://blog.csdn.net/qq_29069777/article/details/102458821

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

USACO：1.5.1 Number Triangles 数字金字塔-程序员宅基地

★1.5 Number Triangles 数字金字塔考虑在下面被显示的数字金字塔.写一个程序来计算从最高点开始在底部任意处结束的路径经过数字的和的最大.每一步可以走到左下方的点也可以到达右下方的点.73 88 1 02 7 4 44 5 2 6 5在上面的样例中,从7 到 3 到 8 到 7 到 5 的路径产生了最大和:30PROGRAM NAME: numtri18INPUT FORMAT

QCustomPlot 坐标轴添加单位_qcustomplot怎么给y轴的值加上单位-程序员宅基地

为坐标轴添加单位需要修改库代码目标类： QCPAxis在类中，定义成员变量 QString m_format;然后定义函数：void setAxisFormat(QString format)//函数实现//函数实现void QCPAxis::setAxisFormat(QString format){if(m_format != format){m_format = format;}}然后需要在 QCPAxis::drow(QCPPainter *painter)函数中，添_qcustomplot怎么给y轴的值加上单位

3.1 Linear Basis Function Models（PRML 系列----3.1.1 Maximum likelihood and least squares-程序员宅基地

多项式基函数的缺点，详细以后再补存常用基函数3.1.1 Maximum likelihood and least squares与ＧＭＭ的区别：单峰的而GMM是多峰的多个数据此时下标表示样本个数由正态分布得到具体的形式高斯噪声、线性模型最大化似然等价于最小化MSE一点点简单的证明f=wTϕ(xn)f=\mathbf{w}^T\mathbf{\bm\phi(x_n)}f...

使用pytorch实现VGG16模型(小白学习,详细注释)_pytorch vgg16-程序员宅基地

VGG16的模型首先我们可以看到VGG一共有六个模型,每个模型根据卷积层和全连接层的层数进行分类,第二张图就是VGG16的基本模型.代码实现Vgg16Net.pyfrom torch import nnclass Vgg16_net(nn.Module): def __init__(self): super(Vgg16_net, self).__init__() self.layer1=nn.Sequential( nn.C_pytorch vgg16

hrboj-【2317 Game】-程序员宅基地

GameTime Limit: 1000 MSMemory Limit: 100000 KTotal Submit: 72(21 users)Total Accepted: 24(15 users)Rating: Special Judge: NoDescriptionKim is

百度地图获取数据库点的坐标，并定时刷新到页面上 jsp_百度地图小车固定时间刷新路径和坐标-程序员宅基地

前台JSP页面地图 html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:90%} var markers = [];$(document).ready(function() { getdata(); ini_百度地图小车固定时间刷新路径和坐标