gecko/layout/html/tests/formctls/base/textarea_tests.html

67 lines
1.9 KiB
HTML

<html>
<body bgcolor="#C0D0F0">
<form>
Default Textarea<br>
<textarea></textarea>
<br>
<br>
Default Textarea<br>
<textarea>123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
1 Rows Default Cols<br>
<textarea rows=1>123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
2 Rows Default Cols<br>
<textarea rows=2>123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
3 Rows Default Cols<br>
<textarea rows=3>123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
50 Cols Default Rows<br>
<textarea cols=50>123456789 123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
3 Rows 50 Cols<br>
<textarea rows=3 cols=50>123456789 123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
style="height:50px;" (Default Rows & Cols)<br>
<textarea style="height:50px;">123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
style="width:200px;" (Default Rows & Cols)<br>
<textarea style="width:200px;">123456789 123456789 123456789 123456789 </textarea>
<br>
<div style="color: yellow;background-color:blue;width:200px;">This is 200px width</div>
3 Rows style="width:200px;"<br>
<textarea style="width:200px;">123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
50 cols style="height:50px;"<br>
<textarea cols=50 style="height:50px;">123456789 123456789 123456789 123456789 123456789 </textarea>
<br>
<br>
style="width:200px;height:200px;" (Default Rows & Cols)<br>
<textarea style="width:200px;height:200px;">123456789 123456789 123456789 123456789 </textarea>
<hr>
<h3>Padding and Border Tests</h3>
<br>
5px solid blue<br>
<textarea style="border:5px solid blue;"></textarea><br><br>
padding: 5px;<br>
<textarea style="padding: 5px;"></textarea><br><br>
5px solid blue;padding: 5px;<br>
<textarea style="border:5px solid blue;padding: 5px;"></textarea><br><br>
<hr>
Textarea in a red div tag (shows top and bottom margin)<br>
<div style="background-color: red">
<textarea> This is some text.</textarea>
</div>
</form>
</body>
</html>