-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy path联系我们.html
141 lines (140 loc) · 6.28 KB
/
联系我们.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>
</title>
<meta content="" name="keywords"/>
<meta content="" name="description"/>
<link href="favicon.ico" rel="shortcut icon"/>
<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
<link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet"/>
<link href="css/animate.min.css" rel="stylesheet"/>
<link href="css/style.min.css?v=4.1.0" rel="stylesheet"/>
<link href="css/common.css" rel="stylesheet"/>
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
<script>
if(window.top !== window.self){ window.top.location = window.location;}
</script>
</head>
<body class="gray-bg2 animated fadeInDown">
<header class="gray-bg2">
<div class="login-header-main">
<img src="img/logo.png" class="logo" alt="">
<ul class="nav-menu">
<li><a href="">首页</a></li>
<li><a href="渠道.html">渠道</a></li>
<li><a href="">文档</a></li>
<li><a href="联系我们.html" class="active">联系我们</a></li>
<li><a href="关于我们.html">关于我们</a></li>
</ul>
<ul class="nav-btn">
<li><a href="">登录</a></li>
<li><a href="">注册</a></li>
</ul>
</div>
</header>
<section class="m-sec">
<div class="container">
<div class="contactus">
<h3>联系我们</h3>
<form class="m-t form-horizontal" role="form" id="contactForm">
<div class="form-group col-sm-6">
<label>姓名</label>
<input type="text" class="form-control" name="username" id="username" placeholder="请输入姓名" required="">
</div>
<div class="form-group col-sm-6 pull-right">
<label>手机号码</label>
<input type="text" class="form-control" name="telphone" id="telphone" placeholder="请输入手机号码" required="" maxlength="11">
</div>
<div class="clearfix"></div>
<div class="form-group col-sm-6">
<label>邮箱地址</label>
<input type="email" class="form-control" placeholder="请输入邮箱地址" required="" name="email">
</div>
<div class="form-group col-sm-6 pull-right">
<label>公司名称</label>
<input type="text" class="form-control" name="companyname" placeholder="请输入公司名称" required="" >
</div>
<div class="clearfix"></div>
<div class="form-group col-sm-6">
<label>公司规模</label>
<select class="form-control">
<option>请选择</option>
<option selected>应用1</option>
</select>
</div>
<div class="clearfix"></div>
<div class="form-group col-sm-12">
<label>您需要帮助的内容</label>
<textarea name="helpcontent" class="form-control m-t-sm"></textarea>
</div>
<div class="form-group col-sm-12 text-center">
<button type="submit" class="btn btn-primary pull-right pl20 pr20" id="sendBtn">发送</button>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
</section>
<footer class="m-sec">
<ul>
<li><a href="">帮助中心</a></li>
<li><a href="">招聘</a></li>
<li><a href="">联系我们</a></li>
<li><a href="">关于我们</a></li>
</ul>
<p>京公网安备 11000002000088号 | 京ICP 备123456789 号 1 | Copyright © 2004 - 2016 成长支付 版权所有</p>
</footer>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/validate/jquery.validate.min.js"></script>
<script src="js/common/form-validate-common.js"></script>
<script>
$(function(){
// 表单验证
$("#contactForm").validate({
rules: {
username: {
required:!0,
},
telphone: {
required:!0,
telphone:!0
},
email: {
required:!0,
email:!0
},
companyname: {
required:!0
},
helpcontent: {
required:!0
}
},
messages: {
username: {
required: "*请输入姓名"
},
telphone: {
required: "*请输入手机号码"
},
email: {
required: "*请输入邮箱"
},
companyname: {
required: "*请输入公司名称"
},
helpcontent: {
required: "*请输入您需要帮助的内容"
}
}
});
})
</script>
</body>
</html>