Cascading style sheet pada text field - Catatan Faiq Hisyam Marwan

Contact Form

 

Cascading style sheet pada text field

1)  Cascading style sheet pada text field
extfield mendefinisikan kontrol input text pada form. Berikut ini adalah contoh format CSS pada input yang membuat efek dari input textfield menjadi seperti sisi formulir cetakan. CSS untuk textfield menggunakan selector input. Style yang diberikan pada input textfield diantaranya warna, background, border, jenis serta ukuran font dan masih banyak atribut lainya yang bisa digunakan untuk style textfield.
<HTML>
<HEAD>
<TITLE>Pengaturan pada Form</TITLE>
<STYLE ="text/css">
    input {color:#000000;
             background:white;
           border-color:white;
           border-bottom-color:black;
           border-top:0px solid;
           border-bottom:2px dotted;
           border-left: 0px solid;
           border-right:0px solid;
           font-family:tahoma,Arial;
           font-size:11px;}
</STYLE>
</HEAD>
<BODY>
<form name="form1" method="post" action="">
<TABLE>
<TR>
<TD width="58" >Nama </TD>
<TD width="230" >:
<input type="text" name="nama">
    </TD>
</TR>
<TR>
<TD width="58">Alamat</TD>
<TD width="230" >:
<input type="text" name="alamat">
    </TD>
</TR>
</TABLE>
</form>
</BODY>

</HTML>

Total comment

Author

Faiq Hisyam Marwan

0   comments

Cancel Reply