pada kesempatan kali ini saya akan membahas tentang Form HTML. sebelumnya Form sudah dibahas pada entri yang kemarin tetapi karna Form sangat banyak jadi saya Post lagi. yang belum baca yang kemarin silahkan Klik Disini dan ini juga lanjutannya dengan yang Disini. tapi ini yang paling banyak modelnya munghin hampir sempurna
Form di html berfungsi untuk melewatkan data dari klien ke server. form di html dapat berupa elemen input seperti submit, reset, text, radio, checkbox, password.
untuk latihan mari kita liat scriptnya
pertama siapkan notepad++ untuk membuat code (silahkan download di google banyak)
kedua siapkan browser misalnya Mozilla atau Google Chrome
1. silahkan buka Notepad++ nya
2. silahkan liat scriptnya.
pertama siapkan notepad++ untuk membuat code (silahkan download di google banyak)
kedua siapkan browser misalnya Mozilla atau Google Chrome
1. silahkan buka Notepad++ nya
2. silahkan liat scriptnya.
<html>
<head>
<title>latihan</title>
</head>
<body>
<b> Isikan Biodata Sedederhana</b><br><br>
<form>
<pre>
Nama : <input type=text name=fnama size=30 maxlength=25><br><br>
Kelas : <input type=text name=fkelas size=10 maxlength=7><br><br>
Jenis kelamin : <input type=radio name=r1 value=laki-laki>Laki-Laki <input type=radio name=r1 value=perempuan>perempuan<br><br>
Agama : <select name=agama>
<option value=pilih SELECTED>--Pilih--
<option value=Islam> Islam
<option value=kristen> kristen
<option value=katolik> katolik
<option value=konghucu> konghucu
<option value=nasrani> nasrani
<option value=isis> isis
<option value=budha> budha
</select><br><br>
Hobi : <input type=checkbox name=hobi1> Membaca <input type=checkbox name=hobi1> Menulis
<input type=checkbox name=hobi1> menggambar <input type=checkbox name=hobi1> futsal
<input type=checkbox name=hobi1> bola <input type=checkbox name=hobi1> minton
<input type=submit name=tkirim value=kirim> <input type=reset name=tbatal value=Batal>
</pre>
</form>
</body>
</html>
3. jika sudah kita simpan code dengan cara CTRL+S atau FIle > Save. simpan dengan exstensi html (ex: latihan.html)
4. selesai kita tinggal buka file htmlnya
silahkan mencoba
Tidak ada komentar:
Posting Komentar