application_form.html
5.65 KB
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
<div class="application-form">
<div class="application-tips">
<h2>TIPS</h2>
<p>{{formTip}}</p>
</div>
<div class="form">
<form action="">
<p class="clearfix">
<label for="user-name">姓名：</label>
<input id="user-name" class="char" type="text">
</p>
<p class="clearfix">
<label for="user-tell">手机：</label>
<input id="user-tell" class="char" type="text">
<i class="verification-btn">获取验证码</i>
</p>
<p class="clearfix">
<label for="user-verification">验证码：</label>
<input id="user-verification" class="char" type="text">
<i class="verification-icon">验证码错误</i>
</p>
<p class="address-char clearfix">
<label for="user-address">地址：</label>
<span id="user-address" class="varchar" contentEditable="true"></span>
</p>
<p class="clearfix">
<label for="user-age">年龄：</label>
<input id="user-age" class="char" type="text">
</p>
<p class="clearfix">
<label>性别：</label>
<input id="gender-male" class="radio checked" name="user-gender" type="radio" value="男" checked>
<label class="radio-label" for="gender-male">男</label>
<input id="gender-female" class="radio" name="user-gender" type="radio" value="女">
<label class="radio-label" for="gender-female">女</label>
</p>
<p class="clearfix">
<label>肤质：</label>
<input id="skin1" class="radio checked" name="user-skin" type="radio" value="中性" checked>
<label class="radio-label radio-long-label" for="skin1">中性</label>
<input id="skin2" class="radio" name="user-skin" type="radio" value="干性">
<label class="radio-label radio-long-label" for="skin2">干性</label>
<input id="skin3" class="radio" name="user-skin" type="radio" value="油性">
<label class="radio-label radio-long-label" for="skin3">油性</label>
<input id="skin4" class="radio" name="user-skin" type="radio" value="混合">
<label class="radio-label radio-long-label" for="skin4">混合</label>
<input id="skin5" class="radio" name="user-skin" type="radio" value="敏感">
<label class="radio-label radio-long-label" for="skin5">敏感</label>
</p>
<p class="clearfix">
<label>您的问题</label>
</p>
<p class="trouble-wrap clearfix">
<span class="clearfix">
<input id="trouble1" class="checkbox" name="user-trouble" type="checkbox" value="干燥">
<em></em>
<label class="checkbox-label" for="trouble1">干燥</label>
</span>
<span class="clearfix">
<input id="trouble2" class="checkbox" name="user-trouble" type="checkbox" value="过敏">
<em></em>
<label class="checkbox-label" for="trouble2">过敏</label>
</span>
<span class="clearfix">
<input id="trouble3" class="checkbox" name="user-trouble" type="checkbox" value="松弛">
<em></em>
<label class="checkbox-label" for="trouble3">松弛</label>
</span>
<span class="clearfix">
<input id="trouble4" class="checkbox" name="user-trouble" type="checkbox" value="细纹">
<em></em>
<label class="checkbox-label" for="trouble4">细纹</label>
</span>
<span class="clearfix">
<input id="trouble5" class="checkbox" name="user-trouble" type="checkbox" value="出油">
<em></em>
<label class="checkbox-label" for="trouble5">出油</label>
</span>
<span class="clearfix">
<input id="trouble6" class="checkbox" name="user-trouble" type="checkbox" value="痘痘">
<em></em>
<label class="checkbox-label" for="trouble6">痘痘</label>
</span>
<span class="clearfix">
<input id="trouble7" class="checkbox" name="user-trouble" type="checkbox" value="红血丝">
<em></em>
<label class="checkbox-label" for="trouble7">红血丝</label>
</span>
<span class="clearfix">
<input id="trouble8" class="checkbox" name="user-trouble" type="checkbox" value="色斑">
<em></em>
<label class="checkbox-label" for="trouble8">色斑</label>
</span>
<span class="clearfix">
<input id="trouble9" class="checkbox" name="user-trouble" type="checkbox" value="肤色不均">
<em></em>
<label class="checkbox-label" for="trouble9">肤色不均</label>
</span>
</p>
<div class="application-reason" contentEditable="true">
<span class="placeholder">你可以从肌肤现有问题，钟爱哪些产品等方面提交申请理由</span>
</div>
<p class="clearfix">
<input class="submit-btn" type="button" value="免费申请">
</p>
</form>
</div>
</div>