Menggunakan awesomplete
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="awesomplete.css">
<title>Form Mahasiswa</title>
<script src="awesomplete.js"></script>
</head>
<body class="bodystyles">
<div class="header">
<h1>Selamat Datang !!!</h1>
</div>
<br><br>
<hr>
<div>
<label>
Nama:<br />
<input autofocus class="awesomplete" data-list="Faris, Fathur, Brilian, Brilina, Paul, Paum, Buyung, Buyum, Burung" />
</label>
</div>
<div>
<label>
NRP:<br />
<input autofocus class="awesomplete" data-list="5114100001, 5114100002, 5114100011, 5114100012, 5114100119, 5114100110" />
</label>
</div>
<div>
<label>
Mata Kuliah:<br />
<input autofocus class="awesomplete" data-list="PWEB, PBO, PAA, PAA2, SBD, STRUKDAT, MBD, KB, KK" />
</label>
</div>
<div>
<label>
Dosen:<br />
<input autofocus class="awesomplete" data-list="Pak Fajar, Pak Ridho, Bu Wija, Bu Sarwo, Pak Dwi, Bu Bilqis" />
</label>
</div>
<div>
<tr>
<td><button type="button" style="background-color: #008CBA; border-radius: 4px; color: white; width: 80px; height: 40px">Simpan</button></td>
<td><button type="button" style="background-color: #f44336; border-radius: 4px; color: white;width: 80px; height: 40px;">Batal</button></td><br>
</tr>
</div>
</div>
</body>
</head>
</html>
Tidak ada komentar:
Posting Komentar