Membuat CSS kode pada text field menjadi seperti sisi formulir cetakan

 on Kamis, 26 Mei 2016  

Cascading style sheet pada text field
Textfield 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.


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>



Bila listing kode dijalankan akan menampilkan tampilan berikut pada gambar diatas

Membuat CSS kode pada text field menjadi seperti sisi formulir cetakan 4.5 5 b Kamis, 26 Mei 2016 Cascading style sheet pada text field Textfield mendefinisikan kontrol input text pada form. Berikut ini adalah contoh format CSS pada input...


Tidak ada komentar:

Posting Komentar

Diberdayakan oleh Blogger.