添加验证码

contact.html

@@ -128,8 +128,14 @@
 									<input type="text" name="name" placeholder="您的称呼" value="" />
 									<input type="text" name="phone" placeholder="您的联系方式" value="" />
 									<input type="email" name="email" placeholder="您的邮箱地址" value="" />
+									<span>
+										<input type="txt" name="yzm" placeholder="输入验证码" value="" /><em><img src="./imgs/news-page.jpg" alt=""></em>
+									</span>
 								</div>
+								<div class="form-bottom">
 									<textarea name="msg" placeholder="留言内容"></textarea>
+								</div>
+								
 								<button class="contact-btn" type="button">提交</button>
 							</div>
 						</div>

css/style.css

@@ -1788,22 +1788,42 @@ textarea::-webkit-input-placeholder {
 	justify-content: space-between;
 	margin-top: 20px;
 }
-.form-top input,
-.form-txt>textarea{
-	width: 31.5%;
+.form-top>input,
+.form-top>span>input,
+.form-bottom>textarea{
+	display: block;
+	width: 23.5%;
 	height: 60px;
 	padding: 0 17px;
 	background-color: #f4f5f7;
 	border: 1px solid #ebecf3;
 	font-size: 15px;
 }
-.form-txt>textarea{
+.form-bottom>textarea{
 	width: 100%;
 	height: 190px;
 	padding: 10px 17px;
 	margin-top: 12px;
 	line-height: 1.8;
 }
+.form-top>span{
+	display: flex;
+	justify-content: space-between;
+	width: 23.5%;
+}
+.form-top>span>input{
+	width: 62%;
+}
+.form-top>span em{
+	display: block;
+	width: 37%;
+	height: 60px;
+	overflow: hidden;
+}
+.form-top>span em img{
+	width: 100%;
+	min-height: 60px;
+}
 
 .contact-btn{
 	display: block;