Ini adalah lanjutan dari artikel sebelumnya "Membuat Form HTML" yang saya posting kemarin. Karean sebuah Form tidak akan diproses server jika tidak ada tombol button. Mari simak penjelasan saya berikut.
Penjelasan
Form akan diproses oleh server jika kita menyediakan mekanisme untuk mengirim form tersebut. Dalam hal ini digunakan tombol submit. Jika kalian mengklik tombol ini maka form akan di kirim ke server. Yuk mari simak program dokumen saya di bawah ini.
Program :
<html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center><b> Unput data UnlimitShared™ </b></center> <br>
<form>
Masukkan nama anda :
<input type="text" name="nama" size="" value=""/> <br> <br>
Masukkan password anda :
<input type="password" name="pass" value="" size="10" />
<input type="hidden" name="status" value="member" /> <br> <br>
<input type="submit" name="tombol">
</form>
</body>
</html>
Output yang dihasilkan :
Lihat tombol di atas itu setingan default jadi langsung bernama "Submit Query". Kalau kalian mau rubah penamaan dalam Button di atas bisa kalian tambah kan nilai value="Kirim"
Sintak : <input type="submit" name="tombol" value="kirim">
Output yang ditampilkan :
Proses Form
Mungkin kalian bertanya-tanya kemana data ini dikirim dan bagaimana cara server ini memproses data-data dari form yang diterima?. Simak baik-baik yah, Dalam suatu formulir harus disebutkan script/file yang akan mengelola data-datanya di server. Nih saran saya paling sederhana mengirim data-data tersebut ke email kita. Tapi saya menggunakan Microsoft Outlook supaya data-datanya tersimpan di komputer langsung
Program :
<html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center><b> Unput data UnlimitShared™ </b></center> <br>
<form method="POST" action="mailto:davidkuddow@yahoo.co.id" enctype="text/plain">
Masukkan nama anda :
<input type="text" name="nama" size="" value=""/> <br> <br>
Masukkan password anda :
<input type="password" name="pass" value="" size="10" />
<input type="hidden" name="status" value="member" /> <br> <br>
<input type="submit" name="tombol" value="Kirim">  
<input type="reset" value="Reset">
</form>
</body>
</html>
Output yang dihasilkan :
Gambar diatas adalah kiriman dari server web yang kita klik kirim nantinya. Data yang dikirim masuk ke dalam email yang ada di tag form. selamat mencoba.
ulang () metode untuk me-reset nilai semua unsur bentuk (sesuai dengan satu kali klik efek tombol Reset).
tatabahasa
Dukungan Browser
Semua browser utama mendukung reset () metode
contoh
contoh
Buat tombol bentuk ulang:
First name:
Last name:
Coba »
Form Object
The reset button is using to reset all the input fields in an HTML form. Actually when we click on a Reset button, then each form fieldsets to their initial values. It is creating through input element as<input type=reset name="r" value="reset">. Here two attributes are using, one is named attribute, and another is a valued attribute. The name attribute specifies the name of the input element and value attribute is specifying the value of the Reset button and this value displays on this button.
Now we are writing code for implementation of Reset button in an HTML form using PHP code.
In this program, we are using a reset button, some text boxes, radio buttons, and checkboxes and they contain a default value. When we are running this code then the form elements are containing the default values as "Product Name" for Product field, "Company name" for Company field, "Customer address" for Customer Address field, "Phone number" for Phone number field, "2000" for year, "January" for month, "1" for day. After putting the values and selecting checkboxes and radio button, we are clicking here on the reset button, and then every form fields are reverting to their default values.