Latihan 1: Form Design — UI/UX

Latihan 1 dari materi Form Design di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode awal punya <form> dengan dua <div>: satu berisi <input type="text" id="name">, satu berisi <input type="text" id="email">, lalu tombol Kirim. Biarkan kedua id itu dan tombolnya. Lalu:

  1. Di atas input nama, tambahkan <label for="name">Nama</label>. Di atas input email, tambahkan <label for="email">Email</label>. Tiap for harus sama persis dengan id input yang memang ada.
  2. Ubah input email jadi type="email".
  3. Tambahkan required di input email dan di input nama. Dua-duanya dicek.

Hint