<!DOCTYPE html>
<html>
<head>
<title>Contoh Form</title>
</head>
<body>
<h1>Data Mahasiswa</h1>
<form action="" method="post">
<fieldset>
<legend>Data Mahasiswa</legend>
Nama: <input type="text" value="Suwandi"> <input type="text" placeholder="Nama belakang"> <br>
Nama: <input type="text" disabled><br>
Email: <input type="email" autofocus multiple placeholder="isi dengan email yang valid" required><br>
Asal Sekolah: <input type="text" list="skul"><br>
Asal Kota: <select>
<optgroup label="Sumatera Utara">
<option>Binjai</option>
<option>Brastagi</option>
<option>Medan</option>
<option>Kisaran</option>
<option>Pematang Siantar</option>
</optgroup>
</select><br>
NIM: <input type="text" maxlength="9" size="10"><br>
Umur: <input type="number" max="100" min="17" step="3"><br>
Foto: <input type="file" accept="image/*"><br>
alamat: <textarea>Isi Alamat Disini</textarea><br>
<input type="Reset"> <input type="Submit" value="SENTUH ADEK BANG">
</fieldset>
<datalist id="skul">
<option value="SMA Sutomo Medan">
<option value="SMA Methodist Medan">
<option value="SMA Diponegoro Kisaran">
<option value="SMA Ahmad Yani Binjai">
<option value="SMA SM Raja TanjungBalai">
</datalist>
</form>
</body>
</html>



0 komentar:
Posting Komentar