-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathform.html
125 lines (113 loc) · 3.13 KB
/
form.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>This is form example</title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="1038.35">
</head>
<body>
<h1><center>HTML form exercise</center></h1>
<font color="red">Please note :</font>This example demonstrate how HTML forms can be used. Submit button should submit and reset button should reset the form (revert the changes in the form field). The form layout should be same as below.
<br></br>
<form>
<h3><pre> Contact form</pre></h3>
<table>
<tr>
<td>Your name* : </td><td><input type="text" id="username" size="40"></td>
</tr>
<tr>
<td>E-mail* : </td><td><input type="text" id="useremail" size="40"></td>
</tr>
<tr>
<td>Phone number : </td><td><input type="text" id="userphone" size="40"></td>
</tr>
<tr>
<td>Website* : </td><td><input type="text" id="userwebsite" size="50" value="http://"></td>
</tr>
</table>
<br>
Comment*:<br>
<textarea type="text" name="usercomment" rows="8" cols="40"></textarea>
<br>
<br>
<b>Textfield</b><br>
Your name* : </td><td><input type="text" id="username">
<br><br>
<b>Password field</b><br>
password* : </td><td><input type="password" id="password">
<br>
<br>
<b>Radio buttons</b><br>
Do you like pizza?<br>
<input type="radio" name="userchoice">Yes<br>
<input type="radio" name="userchoice">No<br>
<input type="radio" name="userchoice">May be<br>
<input type="radio" name="userchoice">Never tried<br>
<br>
<br>
<b>Checkbox</b><br>
<input type="checkbox" name="checkboxname" value="service liked">Check this box if you like our service
</br>
<br>
<b>Text area</b><br>
Anything you would like to say?<br>
<textarea type="text" name="textarename" rows="8" cols="40"></textarea>
<br>
<br>
<b>I Like</b><br>
<select name="things" multiple size="5">
<option value="mush">mushrooms
<option value="gree">green peppers
<option value="onio">onions
<option value="toma">tomatoes'
<option value="oliv">olives
</select>
<br>
<br>
<b>Menu</b><br>
Your favorite color :<br>
<select name="things" size="1">
<option value="red">red
<option value="green">green
<option value="blue">blue
</select>
<br>
<br>
<b>Attach file</b><br>
<input type="file" name="load">
<br>
<br>
<input type="submit" name="submitbutton" value="Submit">
<input type="reset" name="resetbutton" value="Reset">
</form>
<b>Example of nested ordered and unordered list</b>
<div>
<ol>
<li>first</li>
<li>second
<ol>
<li>second nested first element</li>
<li>second nested secondelement</li>
<li>second nested thirdelement</li>
</ol>
</li>
<li>third</li>
<li>fourth</li>
</ol>
<ul type="dusk">
<li>first</li>
<li>second
<ul type="square">
<li>second nested first element</li>
<li>second nested secondelement</li>
<li>second nested thirdelement</li>
</ul>
</li>
<li>third</li>
<li>fourth</li>
</ul>
</div>
</body>
</html>