Belajar HTML Lewat Codepen.io – Tingkat Dasar
<h2>Formulir Pendaftaran</h2>
<form action="#" method="post">
  <label for="nama">Nama:</label><br>
  <input type="text" id="nama" name="nama"><br><br>

  <label for="gender">Jenis Kelamin:</label><br>
  <input type="radio" id="laki" name="gender" value="Laki-laki"> Laki-laki
  <input type="radio" id="perempuan" name="gender" value="Perempuan"> Perempuan<br><br>

  <label>Hobi:</label><br>
  <input type="checkbox" name="hobi" value="Membaca"> Membaca
  <input type="checkbox" name="hobi" value="Olahraga"> Olahraga<br><br>

  <label for="bio">Tentang Anda:</label><br>
  <textarea id="bio" name="bio" rows="4" cols="40"></textarea><br><br>

  <label for="kelas">Kelas:</label><br>
  <select id="kelas" name="kelas">
    <option value="7">Kelas 7</option>
    <option value="8">Kelas 8</option>
    <option value="9">Kelas 9</option>
  </select><br><br>

  <input type="submit" value="Daftar">
</form>