Input & Label

Pelajaran 2 dari 7 dalam kursus Formulir Login, Proyek HTML/CSS di Coddy.

Tag <input> adalah wadah untuk berbagai jenis elemen input, seperti: kolom teks, kotak centang, tombol radio, tombol kirim, dan lain-lain.

Atur tipe menggunakan atribut type,

<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">

Sebaiknya tambahkan tag <label> ke input,

<label for="password">Password:</label>
<input type="text" id="password">

Perhatikan bahwa atribut for harus cocok dengan atribut id pada input agar keduanya terhubung.

Tantangan

Mudah

Tambahkan dua elemen input dengan label, menggunakan id "username" dan "password", lalu atur tipe input menjadi "text" dan "password". Jangan lupa menghubungkan setiap label ke inputnya.

Sebaiknya tambahkan tag <br/> untuk memberi jarak di antara setiap elemen!

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Tulis kode HTML di sini -->
</body>
</html>

Semua pelajaran di Formulir Login, Proyek HTML/CSS

1Formulir

FormulirInput & Label Pelajaran proyek

2Gaya

Latihan sendiri: Playground Web