联系我们 - 通过网站和社交媒体联系我们
<p><%@ page language='java' import='java.util.*' pageEncoding='utf-8'%>
<% String path = request.getContextPath(); String basePath = request.getScheme() + '://' + request.getServerName() + ':' + request.getServerPort() + path + '/'; %></p>
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<base href='<%=basePath%>'>
<title>联系我们</title>
<link href='http://apps.bdimg.com/libs/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='http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js'></script>
<script src='http://apps.bdimg.com/libs/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'>
<form action='CaptchaServlet' method='post'>
<div class='form-group'>
<label for='name'>怎么称呼您:</label>
<input type='text' class='form-control' id='name' name='name'>
</div>
<div class='form-group'>
<label for='email'>邮箱:</label>
<input type='email' class='form-control' id='email' name='email'>
</div>
<div class='form-group'>
<label for='phone'>手机:</label>
<input type='tel' class='form-control' id='phone' name='phone'>
</div>
<div class='form-group'>
<label for='message'>遇到的问题:</label>
<textarea class='form-control' id='message' rows='5' name='message'></textarea>
</div>
<label for='captcha'>验证码：</label>
<input type='text' id='captcha' name='captcha'>
<img src='CaptchaServlet' alt='captcha' onclick="this.src='CaptchaServlet?'+Math.random()" ><br>
<button type='submit' class='btn btn-primary' onclick='return checkForm()'>提交</button>
</form>
</div>
<div class='col-md-6'>
<div class='row'>
<div class='col-md-12'>
<img src='static/pic/gzhcode.jpg' alt='扫描二维码关注我们公众号' class='qr-code'>
<a style='font-size: 20px'>扫描左侧二维码关注我们公众号</a>
<p class='txt'>扫描二维码，访问网站。</p>
</div>
<div class='col-md-6'>
<img src='static/pic/code2.png' alt='扫描小程序码进入我们的小程序' class='qr-code'>
<p class='txt'>扫描小程序码，进入小程序。</p>
</div>
<div class='col-md-6'>
<img src='https://via.placeholder.com/200x200' alt='扫描小程序码进入我们的小程序' class='qr-code'>
<p class='txt'>扫描小程序码，进入小程序。</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/f1Fk 著作权归作者所有。请勿转载和采集!