Mengganti Tombol Submit dan Reset Form

Published · Updated

Anak-anak kalau sudah senang nye-cript, physician pasti ada aja yang ditanyakan. Kali ini mereka ingin mengganti Tombol submit dan reset standard, menjadi seperti tombol Facebook Login dan Sign Up pada Facebook.

Nih, caranya….

  • Jika tombol submit mau diganti dengan tombol berupa gambar, tambahkan nilai “image” pada atribut “type” seperti berikut :

<input type=”submit” name=”submit” value=”Periksa”> menjadi

<input type=”image” name=”submit” src=”submit.png”>

Pastikan gambar submit.png nya sudah dibuat ya…dan letakkan pada folder yang sama dengan file phpnya.

  • Jika tombol submit mau diganti dengan tombol bukan gambar, tambahkan script CSS berikut :

<style type=”text/css” rel=”stylesheet”>
#mysubmit { background-color: #637bad; font-size: 10px;
color:white;
font-family:verdana;
padding: 1px; }
</style>

<input type=”submit”  id=”mysubmit” name=”submit” value=”Periksa”>

Hasil Contoh sederhana :

Mudah kan? 😀

 

You may also like...