验证码输入框实例html+css

html部分：

<label class="code_container">
	<span class="code_label">验证码span>
	<input type="text" class="input_code" placeholder="请输入手机验证码">
	<a class="btn_send_code">发送验证码a>
label>

css部分：

.code_container{
	display: block;
	margin-top: 10px;
	padding: 15px;
	background: #fff;
	display: flex;
}

.code_label{
	font-size: 15px;
	line-height: 21px;
}

.input_code{
	width: 120px;
	font-size: 15px;
	border: none;
	margin-left: 20px;
	margin-right: 20px;
	flex: 1;
	text-align: right;
	color: #999999;
}
.btn_send_code{
	font-size: 14px;
	line-height: 20px;
}