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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body style="background-color: rgb(192,208,240);">
<form> Default Input text<br>
<input type="text" value=""> <br>
<br>
Default Input text with a value<br>
<input type="text" value="123456789 123456789 123456789 123456789 "> <br>
<br>
Size=50<br>
<input type="text" size="50"
value="123456789 123456789 123456789 123456789 123456789 "> <br>
<br>
style="height:50px;" <br>
<input type="text" style="height: 50px;"
value="123456789 123456789 123456789 123456789 "> <br>
<br>
style="width:200px;" <br>
<input type="text" style="width: 200px;"
value="123456789 123456789 123456789 123456789 "> <br>
<div style="color: yellow; background-color: blue; width: 200px;">This
is 200px width</div>
Size=50 style="height:50px;"<br>
<input type="text" size="50" style="height: 50px;"
value="123456789 123456789 123456789 123456789 123456789 "> <br>
<br>
style="width:200px;height:50px;" <br>
<input type="text" style="width: 200px; height: 50px;"
value="123456789 123456789 123456789 123456789 ">
<hr>
<h3>Padding and Border Tests</h3>
<br>
5px solid blue<br>
<input type="text" style="border: 5px solid blue;" value="Hello"><br>
<br>
padding: 5px;<br>
<input type="text" style="padding: 5px;" value="Hello"><br>
<br>
5px solid blue;padding: 5px;<br>
<input type="text" style="border: 5px solid blue; padding: 5px;"
value="Hello"><br>
<br>
<br>
5px solid blue;height:50px;<br>
<input type="text" style="border: 5px solid blue; height: 50px;"
value="Hello"><br>
<br>
padding: 5px;height:50px;<br>
<input type="text" style="padding: 5px; height: 50px;" value="Hello"><br>
<br>
5px solid blue;padding: 5px;height:50px;<br>
<input type="text"
style="border: 5px solid blue; padding: 5px; height: 50px;"
value="Hello"><br>
<br>
<hr> Textarea in a red div tag (shows top and bottom margin)<br>
<div style="background-color: red;"> <input type="text"
value="This is some text."> </div>
</form>
</body>
</html>
|
