<!DOCTYPE html>
<html>
<head><title>HTML Forms</title></head>
<body>
<div style="text-align:left">
<h3>Form Pendaftaran Mahasiswa Baru</h3>
<form action="" method="get">
<label for="nama">Nama:</label>
<input type="text" name="nama" placeholder="ketikkan nama kamu"><br>
<label for="password">Password:</label>
<input type="password" name="password"><br>
<label for="status">Status Perkawinan:</label><br>
<input name="status" type="radio" checked value="1"> Belum Kawin<br>
<input type="radio" name="status" value="2"> Kawin<br>
<input type="radio" name="status" value="3"> Janda/Duda<br>
<label for="membaca">Hobi:</label><br>
<input type="checkbox" name="membaca"> Membaca<br>
<input type="checkbox" name="bersepeda"> Bersepeda<br>
<input type="checkbox" name="memancing"> Memancing<br>
<label for="prodi">Pilihan Prodi:</label><br>
<select name="prodi" id="select">
<option value="TI">Teknik Informatika</option>
<option value="TMM">Teknologi Multimedia</option>
<option value="TO">Teknik Otomotif</option>
</select><br>
<label for="alasan">Alasan Memilih Prodi:</label><br>
<textarea name="alasan" placeholder="tuliskan alasan kamu di sini"
cols="40" rows="5" id="textarea"></textarea>
<br><br>
<input type="button" name="tombol" value="Klik Saya"
onclick="alert('Anda telah mengklik tombol ini. Terima kasih');" >
<input type="submit" name="submit" value="Simpan"
onclick="return confirm('Apakah Anda yakin untuk menyimpan data ?');">
<input type="reset" name="reset" value="Reset">
</form>
</div>
</body>
</html>
Comments