Lee
/
snkcgw
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

添加验证码

master
Lee-1203 2022-02-15 11:15:52 +08:00
parent 0015a2de7d
commit da4c95cf5d
2 changed files with 31 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
contact.html
View File

@ -128,8 +128,14 @@
<input type="text" name="name" placeholder="您的称呼" value="" /> <input type="text" name="name" placeholder="您的称呼" value="" />
<input type="text" name="phone" placeholder="您的联系方式" value="" /> <input type="text" name="phone" placeholder="您的联系方式" value="" />
<input type="email" name="email" 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>
<div class="form-bottom">
<textarea name="msg" placeholder="留言内容"></textarea> <textarea name="msg" placeholder="留言内容"></textarea>
</div>
<button class="contact-btn" type="button">提交</button> <button class="contact-btn" type="button">提交</button>
</div> </div>
</div> </div>

28
css/style.css
View File

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