Jumat, 07 April 2017

Tugas 3 (Javascript)

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