-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (69 loc) · 3.26 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
<html>
<head>
<link href='css/Aristo/jquery-ui-1.8.7.custom.css' rel='stylesheet' type='text/css'>
<link href='css/AstroForm.min.css' rel='stylesheet' type='text/css'>
<link href='css/demo.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.AstroForm.min.js"></script>
<script type="text/javascript" src="demo.js"></script>
<title>AstroFrom - A jQuery plugin by Mansoor Sayed</title>
</head>
<body>
<h1>Turn regular forms into interactive wizards.</h1>
<h2>AstroWizard Form:</h2>
<form id="some-form">
<fieldset>
<legend>General Info</legend>
<lable for="firstname">First Name:</lable> <input type="text" name="firstname" />
<br/>
<lable for="lastname">Last Name:</lable> <input type="text" name="lastname" />
<br/>
<lable for="email">Email Address:</lable> <input type="text" name="email" />
<br/>
<lable for="phonenum">Phone Number:</lable> <input type="text" name="phonenum" />
</fieldset>
<fieldset>
<legend>Prefrences</legend>
<lable for="color">Your Favorite Color:</lable> <select type="combo" name="color" ><option value="1">Red</option><option value="2">Blue</option><option value="3">Green</option></select>
<br/>
<lable for="song">Favorite Song:</lable> <input type="text" name="song" />
<br/>
<lable for="film">Favorite Film:</lable> <input type="text" name="film" />
</fieldset>
<fieldset>
<legend>Comments</legend>
<lable for="comments">Any Comments or Questions?<lable><textarea></textarea>
</fieldset>
<input type="submit" value="submit"/>
</form>
<br/>
<hr/>
<h2>Original Form:</h2>
<form id="master-form">
<fieldset>
<legend>General Info</legend>
<lable for="firstname">First Name:</lable> <input type="text" name="firstname" />
<br/>
<lable for="lastname">Last Name:</lable> <input type="text" name="lastname" />
<br/>
<lable for="email">Email Address:</lable> <input type="text" name="email" />
<br/>
<lable for="phonenum">Phone Number:</lable> <input type="text" name="phonenum" />
</fieldset>
<fieldset>
<legend>Prefrences</legend>
<lable for="color">Your Favorite Color:</lable> <select type="combo" name="color" ><option value="1">Red</option><option value="2">Blue</option><option value="3">Green</option></select>
<br/>
<lable for="song">Favorite Song:</lable> <input type="text" name="song" />
<br/>
<lable for="film">Favorite Film:</lable> <input type="text" name="film" />
</fieldset>
<fieldset>
<legend>Comments</legend>
<lable for="comments">Any Comments or Questions?<lable><textarea></textarea>
</fieldset>
<input type="submit" value="submit"/>
</form>
</body>
</html>