<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<header>
    <h2 class="tm-main-title">Simple registration form</h2>
</header>

<br>
<%

String a=request.getParameter("firstName");
String b=request.getParameter("email");
String c=request.getParameter("age");
String d=request.getParameter("gender");
String e=request.getParameter("interests1");
String f=request.getParameter("description");
if(a==null){
	a ="";
}
if(b==null){
	b="";
}
if(c==null){
	c="";
}
if(d==null){
	d="";
}
if(e==null){
	e="";
}
if(f==null){
	f="";
switch(e){
case 1:

}
}

%>
<style>

/* selector by class */
.field {
	width: 250px;
	border: 1px solid #000;
	padding-left: 10px;
	-webkit-box-shadow: 0px 0px 15px -8px rgba(50,0,74,1);
	-moz-box-shadow: 0px 0px 15px -8px rgba(50,0,74,1);
	box-shadow: 0px 0px 15px -8px rgba(50,0,74,1);
}

/* selector by tag name */
label {
	font-style: italic;
	color: #5f5f5f;
}
select {
	height: 40px;
}
textarea {
	height: 80px;
}

/* aditional classes */
.star {
	font-family: Tahoma;
	color: red;
}
.info {
	font-size: 14px;
	color: #5f5f5f;
}

</style>

<form action="index.jsp?page=2" method="post">`
	<b><i>First Name: <span class="star">*</span></i></b><br>
   	<input type="text" name="firstName" value ="<%= a %>" class="field">
   	<br><br>

	<b><i>Email: <span class="star">*</span></i></b><br>
   	<input type="text" name="email" value="<%= b %>" class="field">
   	<br><br>

	<b><i>Age: <span class="star">*</span></i></b><br>
	<select name="age" class="field" >
		<option value="0">- select age -</option>
		<option value="1">under 13</option>
		<option value="2">13 - 17</option>
		<option value="3">over 17</option>
	</select>
	<br><br>

	<b><i>Gender: <span class="star">*</span></i></b><br>
	<input type="radio" name="gender" value="male" id="gender-male">
	<label for="gender-male"> Male</label>
	&nbsp; &nbsp;
	<input type="radio" name="gender" value="female" id="gender-female">
	<label for="gender-female"> Female</label>
	<br><br>

	<b><i>Interests:</i></b><br>
	<input type="checkbox" name="interests1" checked value="1" id="interests-1">
	<label for="interests-1"> Movie</label>
	&nbsp; &nbsp;
	<input type="checkbox" name="interests2" value="2" id="interests-2">
	<label for="interests-2"> Books</label>
	&nbsp; &nbsp;
	<input type="checkbox" name="interests3" value="3" id="interests-3">
	<label for="interests-3"> Sport</label>
	&nbsp; &nbsp;
	<input type="checkbox" name="interests4" value="4" id="interests-4">
	<label for="interests-4"> Other</label>
	<br><br>

   	<b><i>Notes:</i></b><br>
   	<textarea name="description" class="field" ></textarea>
   	<br><br>

	<input type="submit" name="submit" value="Register" class="field"><br>
	<i class="info">The fields marked with <span class="star">*</span> are mandatory</i>


</form>

<br>