-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
67 lines (65 loc) · 2.31 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
<!DOCTYPE html>
<html>
<head>
<title>Fun with Forms</title>
</head>
<body>
<h1><a href="index.html">What do these attributes do?</a></h1>
<p>Play with the form, try submitting it, and look at the source code to find out.</p>
<p>(The information doesn't actually get submitted anywhere.)</p>
<ul>
<li>placeholder</li>
<li>checked</li>
<li>selected</li>
<li>for</li>
<li>multiple</li>
<li>method</li>
<li>action</li>
<li>name</li>
</ul>
<form method="get" action="index.html">
<fieldset>
<label for="first_name">Name:</label>
<input type="text" id="first_name" name="first_name" placeholder="First name" />
<input type="text" name="last_name" placeholder="Last name" value="MacGillicuddy" />
</fieldset>
<fieldset>
<textarea name="quote" placeholder="Favorite joke"></textarea>
</fieldset>
<fieldset>
Age:
<input type="radio" name="age" id="age_young" value="young" />
<label for="age_young">< 21</label>
<input type="radio" checked="true" name="age" id="age_old" value="old" />
<label for="age_old">≥ 21</label>
</fieldset>
<fieldset>
Nationality:
<select name="nationality">
<option value="murican">'murican</option>
<option value="unamurican" selected="true">Not 'murican</option>
</select>
</fieldset>
<fieldset>
Favorite programming languages:
<select name="language" multiple="true">
<option value="ruby">Ruby</option>
<option value="js">Javascript</option>
<option value="html" selected="true">HTML</option>
<option value="css">CSS</option>
<option value="haskell">Haskell</option>
</select>
</fieldset>
<fieldset>
What describes you?
<input type="checkbox" id="cool" name="description[]" checked="true" value="is_cool" />
<label for="cool">Way cool</label>
<input type="checkbox" value="heptalingual" />
<label>Heptalingual</label>
<input type="checkbox" name="description[]" value="insalubrious" />
<label for="insalubrious">Insalubrious</label>
</fieldset>
<input type="submit" value="Submit your information" />
</form>
</body>
</html>