#11 HTML – Form

Form pada html digunakan dalam proses penginputan data seperti form login, memasukan data pegawai, kirim email dan masih banyak lagi. Elemen pada form ditulis didalam tag <form></form>. Elemen yang sering digunakan pada form antara lain :

  • input
  • select
  • textarea
  • button
  • label

Elemen input biasa digunakan pada user untuk menginputkan data seperti username, password dan lain lain. Elemen input memiliki type seperti type text, password, email yang bisa di cek disini. Sedangkan textarea hampir sama dengan elemen input hanya textarea memiliki ukuran yang lebih besar dan bisa menampung inputan lebih banyak, biasanya textarea digunakan untuk komentar dan testimoni.
Select digunakan untuk membuat pilihan dropdown, pilihan yang dibuat dibungkus kedalam tag <option> dan dimasukan kedalam tag <select>.
Berikut contoh form registrasi sederhana:

<!DOCTYPE html>
<html>

<head>
    <title>Tabel</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <form>
        <label for="username">username :</label>
        <input type="text" id="username"><br>
        <label for="password">password :</label>
        <input type="password" id="password"><br>
        Gender:<br>
        <input type="radio" name="gender" value="male"> Male<br>
        <input type="radio" name="gender" value="female"> Female<br>
        <select>
            <option>hukum</option>
            <option>ekonomi</option>
            <option>peternakan</option>
        </select><br>
        <textarea></textarea><br>
        <button>kirim</button>
    </form>
</body>

</html>
form

Tinggalkan sebuah komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *