Input Kata Sandi
1. Buatlah dokumen HTML dasar dengan menggunakan tag <html>
, <head>
, dan <body>
:
<!DOCTYPE html>
<html>
<head>
<title>Input Kata Sandi</title>
</head>
<body>
</body>
</html>
2. Tambahkan elemen <form>
ke dalam <body>
untuk membuat formulir:
<form>
<!-- Isi elemen formulir di sini -->
</form>
3. Tambahkan elemen <label>
untuk memberikan label pada input kata sandi:
<form>
<label for="password">Kata Sandi:</label>
<input type="password" id="password" name="password">
</form>
4. Gunakan atribut type="password"
pada elemen <input>
untuk mengubahnya menjadi input kata sandi.
Atribut id
dan name
digunakan untuk mengidentifikasi input ini.
Anda juga dapat menambahkan elemen <input>
tambahan untuk mengirimkan formulir:
<form>
<label for="password">Kata Sandi:</label>
<input type="password" id="password" name="password">
<input type="submit" value="Kirim">
</form>
5. Akhirnya, simpan dokumen HTML ini dengan ekstensi .html
dan buka di browser Anda.
Anda akan melihat formulir input kata sandi.
Demikianlah tutorial sederhana tentang cara membuat input kata sandi dengan HTML. Anda dapat mempersonalisasi lebih lanjut sesuai dengan kebutuhan Anda, misalnya dengan menambahkan validasi atau gaya CSS untuk tampilan yang lebih menarik.