Assalamualaikum Wr. Wb
Haii, kalian pasti pernah melihat sebuah halaman web yang isinya menampilkan beberapa data (input) pilihan yang dapat dipilih. Namanya adalah "Radio Button". Fungsinya adalah untuk menginput data yang sifatnya optional atau pilihan.
Berikut ini adalah contoh "Radio Button" Sederhana :
Untuk scriptnya bisa dimasukkan di Notepad, yaitu :
<html>
<head><title>Radio Button Sederhana</title></head>
<body>
<h1>Pilih Jenis Kelamin</h1>
<form method="post" action="#">
<input type="radio" name="jk" value="Laki"/>Laki-laki<br/>
<input type="radio" name="jk" value="Perempuan"/>Perempuan<br/>
<input type="radio" name="jk" value="Lainnya"/>Lainnya :v<br/>
<br/>
<input type="submit" name="submit" value="Kirim"/>
</form>
</body>
</html>
Penjelasan :
Dari setiap tag yang ada diatas, setiap komponen "Radio Button" memiliki nama komponen yang wajib digunakan yaitu : name = "jk" karena untuk ketiga pilihan diatas ini masuk kedalam suatu kelompok yaitu "jk" (jenis kelamin) yang nantinya akan dipilih.
dan jika didalam tag tidak dikasih nama komponen "jk" (jenis kelamin), maka kelompok yang nantinya akan dipilih menjadi tidak bisa dipilih.
Wassalamualaikum Wr.Wb
Semoga Bermanfaat :)
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 comments:
Post a Comment