Skip to main content

5. Adding Dropdown

Membuat dropdown pada HTML kita bisa menggunakan tag

<select>Content goes here</select>

Ketika kita menggunakan tag select, kita membutuhkan tag

<option>Content goes here</option>

Tag option disini berguna untuk menampilkan pilihan - pilihan jawaban pada dropdown nantinya. Pada tag option kita perlu menambahkan atribut value, karena kita membutuhkan nilai yang nantinya akan disimpan/digunakan.


Contoh code

index.html
<!DOCTYPE html>
<head>
  <title>Contact Form</title>
</head>
<body>
  <center>
    <div style="width: 350px; margin-top: 150px">
      <form action="" style="text-align: left">
        <div>
          <input id="name" type="text"/>
        </div>
        <div>
          <input id="email"  type="email"/>
        </div>
        <div>
          <input id="phone" type="text"/>
        </div>
        <div>
          <select id="subject">
            <option>Let's Talk</option>
            <option>Let's Collaboration</option>
            <option>I am Hiring</option>
          </select>
        </div>
      </form>
    </div>
  </center>
</body>
</html>
image1-1