验证码输入框实例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;}