|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
2 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
3 <head> |
|
4 <title>Niceforms</title> |
|
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
6 <script language="javascript" type="text/javascript" src="niceforms.js"></script> |
|
7 <link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" /> |
|
8 </head> |
|
9 |
|
10 <body><div id="container"> |
|
11 <form action="vars.php" method="post" class="niceform"> |
|
12 <fieldset> |
|
13 <legend>Personal Info</legend> |
|
14 <dl> |
|
15 <dt><label for="email">Email Address:</label></dt> |
|
16 <dd><input type="text" name="email" id="email" size="32" maxlength="128" /></dd> |
|
17 </dl> |
|
18 <dl> |
|
19 <dt><label for="password">Password:</label></dt> |
|
20 <dd><input type="password" name="password" id="password" size="32" maxlength="32" /></dd> |
|
21 </dl> |
|
22 <dl> |
|
23 <dt><label for="gender">Gender:</label></dt> |
|
24 <dd> |
|
25 <select size="1" name="gender" id="gender"> |
|
26 <option value="Guy">Guy</option> |
|
27 <option value="Girl">Girl</option> |
|
28 <option value="Dude">Dude</option> |
|
29 <option value="Chic">Chic</option> |
|
30 <option value="Gentleman">Gentleman</option> |
|
31 <option value="Lady">Lady</option> |
|
32 <option value="Male">Male</option> |
|
33 <option value="Female">Female</option> |
|
34 <option value="Don't Ask">Don't Ask</option> |
|
35 </select> |
|
36 </dd> |
|
37 </dl> |
|
38 <dl> |
|
39 <dt><label for="dobMonth">Date of Birth:</label></dt> |
|
40 <dd> |
|
41 <select size="1" name="dobMonth" id="dobMonth"> |
|
42 <option value="Jan">Jan</option> |
|
43 <option value="Feb">Feb</option> |
|
44 <option value="Mar">Mar</option> |
|
45 <option value="Apr">Apr</option> |
|
46 <option value="May">May</option> |
|
47 <option value="Jun">Jun</option> |
|
48 <option value="Jul">Jul</option> |
|
49 <option value="Aug">Aug</option> |
|
50 <option value="Sep">Sep</option> |
|
51 <option value="Oct">Oct</option> |
|
52 <option value="Nov">Nov</option> |
|
53 <option value="Dec">Dec</option> |
|
54 </select> |
|
55 <select size="1" name="dobDay" id="dobDay"> |
|
56 <option value="01">01</option> |
|
57 <option value="02">02</option> |
|
58 <option value="03">03</option> |
|
59 <option value="04">04</option> |
|
60 <option value="05">05</option> |
|
61 <option value="06">06</option> |
|
62 <option value="07">07</option> |
|
63 <option value="08">08</option> |
|
64 <option value="09">09</option> |
|
65 <option value="10">10</option> |
|
66 <option value="11">11</option> |
|
67 <option value="12">12</option> |
|
68 <option value="13">13</option> |
|
69 <option value="14">14</option> |
|
70 <option value="15">15</option> |
|
71 <option value="16">16</option> |
|
72 <option value="17">17</option> |
|
73 <option value="18">18</option> |
|
74 <option value="19">19</option> |
|
75 <option value="20">20</option> |
|
76 <option value="21">21</option> |
|
77 <option value="22">22</option> |
|
78 <option value="23">23</option> |
|
79 <option value="24">24</option> |
|
80 <option value="25">25</option> |
|
81 <option value="26">26</option> |
|
82 <option value="27">27</option> |
|
83 <option value="28">28</option> |
|
84 <option value="29">29</option> |
|
85 <option value="30">30</option> |
|
86 <option value="31">31</option> |
|
87 </select> |
|
88 <select size="1" name="dobYear" id="dobYear"> |
|
89 <option value="2000">2000</option> |
|
90 <option value="1999">1999</option> |
|
91 <option value="1998">1998</option> |
|
92 <option value="1997">1997</option> |
|
93 <option value="1996">1996</option> |
|
94 <option value="1995">1995</option> |
|
95 <option value="1994">1994</option> |
|
96 <option value="1993">1993</option> |
|
97 <option value="1992">1992</option> |
|
98 <option value="1991">1991</option> |
|
99 <option value="1990">1990</option> |
|
100 <option value="1989">1989</option> |
|
101 <option value="1988">1988</option> |
|
102 <option value="1987">1987</option> |
|
103 <option value="1986">1986</option> |
|
104 <option value="1985">1985</option> |
|
105 <option value="1984">1984</option> |
|
106 <option value="1983">1983</option> |
|
107 <option value="1982">1982</option> |
|
108 <option value="1981">1981</option> |
|
109 <option value="1980">1980</option> |
|
110 <option value="1979">1979</option> |
|
111 <option value="1978">1978</option> |
|
112 <option value="1977">1977</option> |
|
113 <option value="1976">1976</option> |
|
114 <option value="1975">1975</option> |
|
115 <option value="1974">1974</option> |
|
116 <option value="1973">1973</option> |
|
117 <option value="1972">1972</option> |
|
118 <option value="1971">1971</option> |
|
119 <option value="1970">1970</option> |
|
120 <option value="1969">1969</option> |
|
121 <option value="1968">1968</option> |
|
122 <option value="1967">1967</option> |
|
123 <option value="1966">1966</option> |
|
124 <option value="1965">1965</option> |
|
125 <option value="1964">1964</option> |
|
126 <option value="1963">1963</option> |
|
127 <option value="1962">1962</option> |
|
128 <option value="1961">1961</option> |
|
129 <option value="1960">1960</option> |
|
130 <option value="1959">1959</option> |
|
131 <option value="1958">1958</option> |
|
132 <option value="1957">1957</option> |
|
133 <option value="1956">1956</option> |
|
134 <option value="1955">1955</option> |
|
135 <option value="1954">1954</option> |
|
136 <option value="1953">1953</option> |
|
137 <option value="1952">1952</option> |
|
138 <option value="1951">1951</option> |
|
139 <option value="1950">1950</option> |
|
140 </select> |
|
141 </dd> |
|
142 </dl> |
|
143 </fieldset> |
|
144 <fieldset> |
|
145 <legend>Preferences</legend> |
|
146 <dl> |
|
147 <dt><label for="color">Favorite Color:</label></dt> |
|
148 <dd> |
|
149 <input type="radio" name="color" id="colorBlue" value="Blue" /><label for="colorBlue" class="opt">Blue</label> |
|
150 <input type="radio" name="color" id="colorRed" value="Red" /><label for="colorRed" class="opt">Red</label> |
|
151 <input type="radio" name="color" id="colorGreen" value="Green" /><label for="colorGreen" class="opt">Green</label> |
|
152 </dd> |
|
153 </dl> |
|
154 <dl> |
|
155 <dt><label for="interests">Interests:</label></dt> |
|
156 <dd> |
|
157 <input type="checkbox" name="interests[]" id="interestsNews" value="News" /><label for="interestsNews" class="opt">News</label> |
|
158 <input type="checkbox" name="interests[]" id="interestsSports" value="Sports" /><label for="interestsSports" class="opt">Sports</label> |
|
159 <input type="checkbox" name="interests[]" id="interestsEntertainment" value="Entertainment" /><label for="interestsEntertainment" class="opt">Entertainment</label> |
|
160 <input type="checkbox" name="interests[]" id="interestsCars" value="Cars" /><label for="interestsCars" class="opt">Automotive</label> |
|
161 <input type="checkbox" name="interests[]" id="interestsTechnology" value="Technology" /><label for="interestsTechnology" class="opt">Technology</label> |
|
162 </dd> |
|
163 </dl> |
|
164 <dl> |
|
165 <dt><label for="languages">Languages:</label></dt> |
|
166 <dd> |
|
167 <select size="4" name="languages[]" id="languages" multiple="multiple"> |
|
168 <option value="English">English</option> |
|
169 <option value="French">French</option> |
|
170 <option value="Spanish">Spanish</option> |
|
171 <option value="Italian">Italian</option> |
|
172 <option value="Chinese">Chinese</option> |
|
173 <option value="Japanese">Japanese</option> |
|
174 <option value="Russian">Russian</option> |
|
175 <option value="Esperanto">Esperanto</option> |
|
176 </select> |
|
177 </dd> |
|
178 </dl> |
|
179 </fieldset> |
|
180 <fieldset> |
|
181 <legend>Comments</legend> |
|
182 <dl> |
|
183 <dt><label for="comments">Message:</label></dt> |
|
184 <dd><textarea name="comments" id="comments" rows="5" cols="60"></textarea></dd> |
|
185 </dl> |
|
186 <dl> |
|
187 <dt><label for="upload">Upload a File:</label></dt> |
|
188 <dd><input type="file" name="upload" id="upload" /></dd> |
|
189 </dl> |
|
190 <dl> |
|
191 <dt><label for="test">Sample Button:</label></dt> |
|
192 <dd><button type="button" name="test" id="test">I Do Nothing</button></dd> |
|
193 </dl> |
|
194 </fieldset> |
|
195 <fieldset class="action"> |
|
196 <input type="submit" name="submit" id="submit" value="Submit" /> |
|
197 </fieldset> |
|
198 </form> |
|
199 <p id="footer">Niceforms v.2.0<br />©Lucian Slatineanu - <a href="http://www.emblematiq.com/">Emblematiq</a><br />Last update: Nov 13 2008</p> |
|
200 </div></body> |
|
201 </html> |