-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (136 loc) · 4.91 KB
/
index.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
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 7
Case Problem 1
CGIP Registration Form
Author: Hesbon Osoro
Date: 12/9/22
Filename: cg_register.html
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CGIP Registration Form</title>
<link href="cg_base.css" rel="stylesheet" />
<link href="cg_styles.css" rel="stylesheet" />
<link href="cg_forms.css" rel="stylesheet" />
<link href="cg_validate.css" rel="stylesheet" />
<script src="cg_script.js" charset="utf-8"></script>
</head>
<body>
<header>
<img
src="cg_logo.png"
alt="Computer Graphics and Image Processing"
id="logoimg"
/>
</header>
<nav>
<ul>
<li><a href="#">home page</a></li>
<li><a href="#">keynote address</a></li>
<li><a href="#">speakers</a></li>
<li class="newgroup"><a href="#">general session</a></li>
<li><a href="#">abstracts</a></li>
<li><a href="#">programs</a></li>
<li><a href="#">workshops</a></li>
<li class="newgroup"><a href="#">committees</a></li>
<li><a href="#">executive session</a></li>
<li><a href="#">advisory council</a></li>
<li class="newgroup"><a href="#">travel info</a></li>
<li><a href="#">accommodations</a></li>
<li><a href="#">banquet</a></li>
<li><a href="#">family attractions</a></li>
<li class="newgroup"><a href="#">registration</a></li>
<li class="newgroup"><a href="#">ACGIP home page</a></li>
<li><a href="#">tour Sante Fe</a></li>
<li><a href="#">links</a></li>
</ul>
</nav>
<section>
<h1>Conference Registration Form</h1>
<p>Required Item (*)</p>
<form action="http://www.example/cg/register" method="post">
<!-- title -->
<div>
<label for="title">Title</label>
<input type="text" name="title" id="titleBox" list="titleList" />
<datalist id="titleList">
<option value="Mr."></option>
<option value="Mrs."></option>
<option value="Ms."></option>
<option value="Prof."></option>
<option value="Dr."></option>
<option value="Assist. Prof."></option>
<option value="Assoc. Prof."></option>
</datalist>
</div>
<!-- firstName -->
<label for="fnBox">First Name*</label>
<input type="text" name="firstName" id="fnBox" required />
<!-- LastName -->
<label for="lnBox">Last Name*</label>
<input type="text" name="lastName" id="lnBox" required />
<!-- address -->
<label for="addBox">Address*</label>
<textarea name="address" id="addBox"></textarea>
<!-- Company or University -->
<label for="groupBox">Company or University</label>
<input type="text" name="group" id="groupBox" />
<!-- E-mail -->
<label for="mailBox">E-mail*</label>
<input type="email" name="email" id="mailBox" required />
<!-- Phone Number -->
<label for="phoneBox">Phone Number*</label>
<input
type="tel"
name="phoneBox"
id="phoneBox"
required
pattern="^\d{10}$|^(\(\d{3}\)\s*)?\d{3}[\s-]?\d{4}$"
placeholder="(nnn) nnn-nnnn"
/>
<!-- ACGIP Membership -->
<label for="idBox">ACGIP Membership Number</label>
<input
type="text"
name="acgipID"
id="idBox"
placeholder="acgip-nnnnnn"
pattern="^acgip\-\d{6}$"
/>
<!-- Registration Category -->
<label for="regList">Registration Category</label>
<select id="regList" name="">
<option value="member">ACGIP Member ($695)</option>
<option value="nonmember">ACGIP Non-Member ($795)</option>
<option value="student">ACGIP Student ($310)</option>
<option value="poster">ACGIP Poster ($95)</option>
<option value="guest">ACGIP Guest ($35)</option>
</select>
<!-- Button -->
<p><input type="submit" name="continue" value="Continue" /></p>
</form>
</section>
<aside>
<dl>
<dt>ACGIP Member ($695)</dt>
<dd>Eligible to attend all sessions and banquet</dd>
<dt>Non-Member ($795)</dt>
<dd>Eligible to attend all sessions and banquet</dd>
<dt>Student ($310)</dt>
<dd>
Eligible to attend all sessions. <a href="#">Proof</a> of student
status required
</dd>
<dt>Poster ($95)</dt>
<dd>Eligible to attend display hall and vendor stations</dd>
<dt>Guest ($35)</dt>
<dd>Eligible to attend banquet only</dd>
</dl>
</aside>
<footer>Association of Computer Graphics and Image Processing</footer>
</body>
</html>