Assalamualaikum Wr. Wb, kali ini saya akan menjelaskan cara membuat form pendaftaran dengan menggunakan kode HTML, hal ini baru saya pelajari di kampus saya, Politeknik Negeri Sriwijaya Palembang :D
Okay, tidak perlu berlama-lama, saya akan memberikan langkah langkah nya sebagai berikut :
- Pertama, buatlah input untuk memasukkan data nama atau alamat anda, dengan menggunakan kode HTML sebagai Berikut :
- Kedua, buatlah input untuk memasukkan data jenis kelamin anda menggunakan input tipe radio, menggunakan kode HTML sebagai berikut :
- Ketiga, buatlah input untuk memasukkan data hobi anda menggunakan input tipe checkbox, menggunakan kode HTML sebagai berikut :
- Keempat, buatlah input untuk memasukkan data Jurusan yang anda pilih menggunakan option value, menggunakan kode HTML sebagai berikut :
- Terakhir, masukan input submit dan reset, Input Submit berfungsi agar data-data yang dimasukkan di dalam formulir akan dikirim ke file proses dan diproses menurut programnya, Input Reset berfungsi agar data-data formulir yang sudah diisi akan dikembalikan seperti semula. contoh kode HTML yang digunakan adalah sebagai berikut :
<html>
<head>
<title>FORMULIR</title>
</head>
<body bgcolor="yellow">
<form>
Nama
<input type="text" name="name"><br>
Alamat
<input type="text" name="address">
</form>
</body>
</html>
<html>
<body bgcolor="yellow">
Jenis Kelamin :
<form>
<input type="radio" checked name="sex">Laki-laki
<input type="radio" name="sex">Perempuan
</form>
</body>
</html>
<html>
<body bgcolor="yellow">
Hobi :
<form>
<input type="checkbox" name="Membaca Buku">Membaca Buku
<br>
<input type="checkbox" name="Bermain Sepak Bola">Bermain Sepak Bola
<br>
<input type="checkbox" name="Tidur">Tidur
</form>
</body>
</html>
<html>
<body bgcolor="yellow">
Kursus yang dipilih :
<form>
<select name="course">
<option Value="IPA">MIPA
<option Value="B.Inggris">B.Inggris
<option Value="IPS">IPS
</select>
</form>
</body>
</html>
<html>
<body>
<form name="input" action="html_form_action.asp" method="get">
<input type="reset" value="Kirim"><input type="submit" value="Batal">
</form>
</body>
</html>
Setelah anda memasukkan semua kode HTML yang saya berikan, maka anda akan mendapat hasil sebagai berikut :
Sekian Penjelasan saya, semoga bermanfaat bagi kita semua :3
No comments:
Post a Comment