<!DOCTYPE html>
<html lang="en">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Formulir Pendaftaran</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding:
0;
display:
flex;
justify-content: center;
align-items: center;
height:
100vh;
}
form {
background-color:
#fff;
padding:
20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width:
300px;
}
input {
width:
100%;
padding:
10px;
margin-bottom:
10px;
box-sizing: border-box;
}
button {
width:
100%;
padding:
10px;
background-color: #3498db;
color:
#fff;
border:
none;
border-radius: 4px;
cursor:
pointer;
}
button:hover {
background-color: #2980b9;
}
</style>
</head>
<body>
<form>
<h2>Formulir Pendaftaran</h2>
<label
for="nama">Nama:</label>
<input
type="text" id="nama" name="nama" required>
<label
for="email">Email:</label>
<input
type="email" id="email" name="email" required>
<label
for="password">Password:</label>
<input
type="password" id="password" name="password"
required>
<button
type="submit">Daftar</button>
</form>
</body>
</html>
Untuk menjalankan proyek HTML seperti yang telah saya
berikan, Anda hanya perlu menyimpan kode HTML tersebut dalam file dengan
ekstensi `.html` dan membukanya menggunakan browser web. Berikut adalah
langkah-langkah umum:
1. **Buka Editor Teks:**
- Buka editor teks
favorit Anda, seperti Notepad, Visual Studio Code, Sublime Text, atau yang
lainnya.
2. **Salin dan Tempel Kode:**
- Salin seluruh
kode HTML yang telah saya berikan di atas.
3. **Buat File HTML:**
- Buat file baru
dengan ekstensi `.html`, misalnya, `formulir_pendaftaran.html`.
4. **Tempel Kode HTML:**
- Tempelkan kode
HTML yang telah Anda salin ke dalam file tersebut.
5. **Simpan File:**
- Simpan file HTML.
6. **Buka dengan Browser:**
- Klik dua kali
pada file HTML yang telah Anda buat, atau buka file tersebut menggunakan
browser web favorit Anda.
Proyek formulir pendaftaran sederhana akan ditampilkan di
browser. Anda akan melihat formulir dengan kolom Nama, Email, Password, dan
tombol "Daftar". Formulir ini hanya bersifat statis dalam artian
belum memiliki logika pengiriman data ke server atau penyimpanan data.
Selamat mencoba! Jika Anda memiliki pertanyaan lebih lanjut
atau membutuhkan bantuan, jangan ragu untuk bertanya.