Tombol Submit Form Dengan Gambar

Berikut ini kita akan membuat tombol SUBMIT pada sebuah form dengan menggunakan gambar dengan tujuan supaya tampilan form itu sedikit lebih menarik dari menggunakan tombol standard form biasa. Kita langsung saja pada contoh script tombol submit dengan gambar seperti ditunjukan berikut ini :

<FORM METHOD="POST" ACTION="http://contoh.com">
<PRE>
 Nama Depan  <INPUT TYPE="text" NAME="first_name" 
              MAXLENGTH=25 SIZE=15>  
 Nama Blkng  <INPUT TYPE="text" NAME="last_name"  
              MAXLENGTH=35 SIZE=20>
     E-Mail  <INPUT TYPE="text" NAME="last_name"  
              MAXLENGTH=35 SIZE=20>
             <INPUT TYPE="image" SRC="http://contoh.com/gambar.jpg" 
               WIDTH="75"  HEIGHT="75" 
              BORDER="0" ALT="SUBMIT!"> 
</PRE>
</FORM>

Keterangan : http://contoh.com = alamat url yang dituju oleh form,  http://contoh.com/gambar.jpg = alamat url gambar, kode merah lainnya silahkan Anda atur sendiri sesuai dengan posisi pada blog masing-masing. Dan bentuk form tersebut akan seperti berikut ini :

 Nama Depan    
 Nama Blkng  
     E-Mail  
              

• Tweet
• Share
• Share
• Share
• Share