Type Form dan Cara Penggunaanya

Form adalah salah satu tag yang digunakan untuk memasukkan data. Proses kerja form pada umumya setelah diisi data akan dikirim oleh client ke server dengan menunju kepada program yang akan menerima input di server.

Berikut beberapa dari Type Form yang ada :

•         Text    : Untuk menginputkan teks

Contoh penggunaanya :

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

•         Email  : Untuk menginputkan email

Contoh penggunaanya :

<form>
  E-mail:
  <input type="email" name="email">
</form>

•         Password       : Untuk menginputkan password

Contoh penggunaanyha :

<form>
  User name:<br>
  <input type="text" name="username"><br>
  User password:<br>
  <input type="password" name="psw">
</form>

•         Color  : Untuk menginputkan warna tertentu

Contoh penggunaanya :

<form>
  Select your favorite color:
  <input type="color" name="favcolor">
</form>

•         Radio  : Untuk memilih salah satu dari beberapa pilihan seperti jenis kelamin

Contoh penggunaanya :

<form>
  <input type="radio" name="gender" value="male" checked>Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other
</form>

•         Checkbox      : Untuk menceklis beberapa pilihan

Contoh penggunaanya :

<form>
  <input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle2" value="Car"> I have a car 
</form>

•         Reset  : Untuk menghapus data inputan

•         Submit           : Untuk mengirim data inputan

Contoh penggunaanya :

<form action="action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey"><br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse"><br><br>
  <input type="submit" value="Submit">
</form>

•         Date    : Untuk menginputkan tanggal, bulan dan tahun

Contoh penggunaanya :

<form>
  Birthday:
  <input type="date" name="bday">
</form>