Skip to main content

4. Adding Email Input

Setelah membuat inputan name dan phone number, selanjutnya kita tambahkan input bertipe email untuk menerima inputan Email. Menggunakan inputan bertipe email karena inputan bertipe email memiliki default validasi, maksudnya adalah nilai yang diinputkan harus berupa alamat email (terdapat simbol @).


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>
      </form>
    </div>
  </center>
</body>
</html>
image1-1