Radio Buttom, Cek Box, dan Select Option HTML
1. Radio Buttom
Radio Button atau tombol pilihan adalah jenis elemen grafis yang memungkinkan pengguna untuk memilih hanya satu dari satu set standar pilihan.
2. Cek Box
Cek Box adalah salah satu komponen form yang difungsikan agar pengguna dapat memilih menu yang tersedia dengan cara mengklik satu atau lebih menu yang ada.
3. Select Option
Tag Select Option di dalam HTML digunakan untuk membuat objek form yang berupa list pilihan yang dapat dipilih oleh user. Biasanya tag select digunakan untuk “memaksa” user memilih salah satu dari pilihan yang tersedia. Pilihan ini telah didefenisikan pada saat form dibuat.
Script:
<!DOCTYPE html>
<html>
<head>
<title>Contoh membuat biodata diri</title>
</head>
<body>
<table width="500" border="1" align="center">
<tr>
<td colspan="5" align="center" bgcolor="#00FFFF"><h3>Data Mahasiswa</h3></td>
</tr>
<tr>
<td rowspan="6" align="center"><img src="maubanu.jpg" width="150" height="150" </td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td>Benyamin Maubanu</td>
</tr>
<tr>
<td> Jenis Kelamin </td>
<td>:</td>
<td>
<input type="radio" name="pria" value="P"/>Pria<br/>
<input type="radio" name="Wanita" value="W"/>Wanita<br/>
</td>
<tr>
<tr>
<td> Hobby </td>
<td>:</td>
<td>
<input <input type='checkbox' name='membaca' value='membaca'/>Baca<br/>
<input <input type='checkbox' name='tulis' value='tulis'/>Menulis<br/>
</td>
<tr>
<td> Jurusan </td>
<td>:</td>
<td>
<select>
<optgroup label="S1">
<option>Teknik Informatika</option>
<option>Sistem Informasi</option>
<optgroup label="D3">
<option>Teknik Komputer</option>
<option>Manajamen Informatika</option>
<option>Komputer Akuntansi</option>
</select>
</td>
</tr>
</tr>
</table>
</body>
</html>
Output:
Tidak ada komentar:
Posting Komentar