rgeorgen10.github.io/form-exercise.html at master · rgeorgen10/rgeorgen10.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Proposal Form - Forms Excercise 1</title>
 <link rel="stylesheet"  href="css/form.css" />


<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>

<body>

<div id="wrapper">
<form action="" method="post" id="proposal2014">

<div id="formcol1">


 <h1>Proposal Form</h1>
 <p>Instructions: Fill out the Proposal form below. Enter text in the fields provided and select the radio buttons to choose an option.</p>
 <p>Required Field (*)</p>
 <fieldset>
 <legend>Speaker Info</legend>
 <ul>
	<li>
        <label for="'fstspkr1">*First Name:</label>
        <input id="fstspkr1" name="fstspkr1" type="text" class="reqfield" title="Required field" />
    </li>


 	<li><label for="lstname1">*Last Name:</label>
        <input id="lstname1" name="lstname1" type="text" class="reqfield" title="Required field" />
</li>
<li>
	<label for="spkrtitle1">Title:</label>
	<input id="spkrtitle1" name="spkrtitle1" type="text" maxlength="48" />
</li>
<li>
	<label for="company1">Company:</label>
	<input id="company1" name="company1" type="text" />
</li>
<li>
	<label for ="department1">Department:</label>
	<input id="department1" name="department1" type="text"  />
</li>
<li>
	<label for="address1">*Address:</label>
	<input id="address1" class="reqfield" name="address1" type="text" title="Required field" />
</li>
</ul>
</fieldset>
</div> <!-- end of formcol1 div -->
    <div id="multchoice">
    <fieldset>
    <legend>Type of Presentation</legend>

        <p><span><input value="1" id="TypeofPres_lec" name="p-type" type="radio" /><label for='TypeofPres_lec'>Lecture</label></span>
           <span><input value="2" id="TypeofPres_lab" name="p-type" type="radio" /><label for='TypeofPres_lab'>Lab</label></span></p>
    </fieldset>
 	<p class="submit-button">
<input type="submit" value="Submit your proposal" /></p>
    </div> <!-- end of multchoice div -->


</form>


</div> <!-- end wrapper div -->
</body>
</html>