Halo Sekripers !
Pada kesempatan kali ini kami akan memberikan tutorial untuk membuat komponen radio button pada HTML
Pada form input radio button hanya ada satu pilihan yang terseleksi,tidak bisa digunakan untuk multiple answer. Format umum tag HTML dari Form Input Radio Button adalah sebagai berikut :
<input type=radio name=name value=value><input type=radio name=name value=value checked>
Name= “name” merupakan pemberian nama pada komponen input sebagai nama dari komponen. Karena pada saat sistem web dijalankan maka data yang diolah di dalam pemrograman adalah berdasarkan nilai (value) dari nama komponen input tersebut.
Listing Kodenya :
<!doctype html>
<html>
<head>
<title>radio button </title>
</head>
<body>
Tingkat Pendidikan :
<form>
<input type="radio" name="pendidikan" value="SD"
>SD<br>
<input type="radio" name="pendidikan" value="SMP">SMP<br>
<input type="radio" name="pendidikan" value="SMA">SMA<br>
<input type="radio" name="pendidikan" value="D3">D3<br>
<input type="radio" name="pendidikan" value="S1">S1<br>
<input type="radio" name="pendidikan" value="S2">S2<br>
<input type="radio" name="pendidikan" value="S3">S3<br>
</form>
</body>
</html>
Yang perlu diperhatikan pada penggunaan input radio adalah bahwa atribut nama (name) dari komponen dari input tersebut harus sama.
Tampilan programmnya :
Pada kesempatan kali ini kami akan memberikan tutorial untuk membuat komponen radio button pada HTML
Pada form input radio button hanya ada satu pilihan yang terseleksi,tidak bisa digunakan untuk multiple answer. Format umum tag HTML dari Form Input Radio Button adalah sebagai berikut :
<input type=radio name=name value=value><input type=radio name=name value=value checked>
Name= “name” merupakan pemberian nama pada komponen input sebagai nama dari komponen. Karena pada saat sistem web dijalankan maka data yang diolah di dalam pemrograman adalah berdasarkan nilai (value) dari nama komponen input tersebut.
Listing Kodenya :
<!doctype html>
<html>
<head>
<title>radio button </title>
</head>
<body>
Tingkat Pendidikan :
<form>
<input type="radio" name="pendidikan" value="SD"
>SD<br>
<input type="radio" name="pendidikan" value="SMP">SMP<br>
<input type="radio" name="pendidikan" value="SMA">SMA<br>
<input type="radio" name="pendidikan" value="D3">D3<br>
<input type="radio" name="pendidikan" value="S1">S1<br>
<input type="radio" name="pendidikan" value="S2">S2<br>
<input type="radio" name="pendidikan" value="S3">S3<br>
</form>
</body>
</html>
Yang perlu diperhatikan pada penggunaan input radio adalah bahwa atribut nama (name) dari komponen dari input tersebut harus sama.
Tampilan programmnya :
Bagi yang baru mengunjungi blog kami :
Untuk pertemuan kali ini dicukupkan sekian , Terimakasih.
1 comments:
Click here for commentsThanks for sharing -
How to create a PDF from a form using PHP
PHP pagination with sortable table on header click
Python Tkinter Frame Widget
Python Tkinter Checkbutton Widget
Python Tkinter Combobox Event Binding
Python Tkinter Combobox
Python Tkinter Text Widget
ConversionConversion EmoticonEmoticon