1)
Cascading style sheet pada
elemen form
Agar form
terlihat lebih indah menarik serta mudah
dalam pengontrolan desain salah satunya memberikan style CSS. Dibawah ini
adalah style yang bisa diberikan pada elemen form diantaranya pengaturan besar
dan jenis border, warna border, lebar form, batas form dari sisi layout, dan
warna background dari form. Sebenarnya masih banyak style lain yang bisa
diberikan ke form
Form
{ border:1px solid #666666;
width : 480; /*lebar form*/
margin-left:0; /*jarak dari
batas kiri layout*/
background-color:#ffff66;}
Bila style form
diatas di embedkan ke dalam file html akan listing kodenya seperti berikut ini :
<HTML>
<HEAD>
<TITLE>Pengaturan Pada
Form Text Area</TITLE>
<STYLE
="text/css">
form{ border:1px solid #666666;
width
: 70%;
margin-left:0; /*jarak
fieldset dari batas kiri
layout*/
background-color:#ffff66;}
</STYLE>
</HEAD>
<BODY>
<form
name="form1" method="post" action="">
<table><TR>
<TD width="50"
>Nama </TD>
<TD width="175"
>
<textarea name="textarea"
cols=50></textarea></TD>
</TR>
<TR>
<TD width="50"
>Pesan </TD>
<TD width="175"
>
<textarea
name="textarea"cols=50 rows=14>
</textarea></TD>
</TR></table>
</form>
</BODY>
</HTML>