Input & Label

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

Secara default, tag <input> mendapatkan background-color, border, dan outline.

Untuk menghapus semuanya, kita bisa menggunakan:

input {
	background-color: transparent;
	border: none;
	outline: none;
}

Tantangan

Mudah

Atur gaya input nama pengguna dan kata sandi serta labelnya, hapus outline dan ubah border default menjadi sesuatu yang lain.

Gaya yang disarankan (Opsional),

label:

input:

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

2Gaya

Input & Label Pelajaran proyek

Latihan sendiri: Playground Web