联系我们 - 通过网站和微信联系我们
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<base href='<%=basePath%>'>
<title>联系我们</title>
<link href='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css' rel='stylesheet'>
<link href='//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'>
<script src='https://cdn.bootcdn.net/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script src='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.0/js/bootstrap.min.js'></script>
<link rel='stylesheet' type='text/css' href='static/css/index.css'>
<link rel='stylesheet' type='text/css' href='static/css/common.css'>
<script src='static/js/common.js'></script>
<style type='text/css'>
.container {
margin-top: 50px;
}
.qr-code {
width: 200px;
height: 200px;
margin: 20px;
}
.txt {
text-align: center;
}
</style>
</head>
<body>
<div class='nav'></div>
<div class='container'>
<div class='row'>
<div class='col-md-6'>
<h3>联系我们</h3>
<form action='CaptchaServlet' method='post' onsubmit='return checkForm()'>
<div class='form-group'>
<label for='name'>怎么称呼您:</label>
<input type='text' class='form-control' id='name' required>
</div>
<div class='form-group'>
<label for='email'>邮箱:</label>
<input type='email' class='form-control' id='email' required>
</div>
<div class='form-group'>
<label for='phone'>手机:</label>
<input type='tel' class='form-control' id='phone' required>
</div>
<div class='form-group'>
<label for='message'>遇到的问题:</label>
<textarea class='form-control' id='message' rows='5' required></textarea>
</div>
<div class='form-group'>
<label for='captcha'>验证码:</label>
<div class='input-group'>
<input type='text' class='form-control' id='captcha' name='captcha' required>
<span class='input-group-addon'>
<img src='CaptchaServlet' alt='captcha' onclick='this.src=\'CaptchaServlet?\'+Math.random()'>
</span>
</div>
</div>
<button type='submit' class='btn btn-primary'>提交</button>
</form>
</div>
<div class='col-md-6'>
<h3>关注我们</h3>
<div class='row'>
<div class='col-md-12'>
<img src='static/pic/gzhcode.jpg' alt='公众号二维码' class='qr-code'>
<p>扫描二维码关注我们</p>
</div>
<div class='col-md-6'>
<img src='static/pic/code2.png' alt='小程序码' class='qr-code'>
<p>扫描小程序码，进入小程序</p>
</div>
<div class='col-md-6'>
<img src='https://via.placeholder.com/200x200' alt='小程序码' class='qr-code'>
<p>扫描小程序码，进入小程序</p>
</div>
</div>
</div>
</div>
</div>
<script>
function checkForm() {
var captcha = document.getElementById('captcha').value;
if (captcha == '') {
alert('请输入验证码！');
return false;
}
return true;
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/f1Fa 著作权归作者所有。请勿转载和采集!