Cara Membuat Radio Button melalui Notepad (HTML) ~ Blog Abdul Halim

Selamat pagi, 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 dari 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 diatas, setiap komponen radio button memiliki nama komponen yang sama yaitu name="jk" Karena ketiga pilihan ini masuk kedalam satu kelompok yaitu jk (Jenis kelamin) yang nantinya akan dipilih.

Semoga bermanfaat !

Cara Membuat Radio Button melalui Notepad (HTML)

Related Post