kode Formulir Pendaftaran Beasiswa
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulir Pendaftaran Beasiswa</title>
</head>
<body>
<header>
<h1>Formulir Pendaftaran Beasiswa</h1>
<p>Harap isi semua kolom dengan informasi yang akurat dan lengkap.</p>
</header>
<hr>
<form action="/submit-beasiswa" method="post">
<section>
<h2>📝 Informasi Pribadi</h2>
<div>
<label for="nama_lengkap">Nama Lengkap:</label><br>
<input type="text" id="nama_lengkap" name="nama_lengkap" required>
</div>
<div>
<label for="tanggal_lahir">Tanggal Lahir:</label><br>
<input type="date" id="tanggal_lahir" name="tanggal_lahir" required>
</div>
<div>
<label for="jenis_kelamin">Jenis Kelamin:</label><br>
<select id="jenis_kelamin" name="jenis_kelamin" required>
<option value="">-- Pilih --</option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
<div>
<label for="alamat">Alamat Lengkap:</label><br>
<textarea id="alamat" name="alamat" rows="4" required></textarea>
</div>
</section>
<hr>
<section>
<h2>📞 Informasi Kontak</h2>
<div>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" required>
</div>
<div>
<label for="telepon">Nomor Telepon/HP:</label><br>
<input type="tel" id="telepon" name="telepon" pattern="[0-9]{10,15}" title="Masukkan nomor telepon yang valid (10-15 digit)." required>
</div>
</section>
<hr>
<section>
<h2>🎓 Informasi Pendidikan</h2>
<div>
<label for="jenjang_pendidikan">Jenjang Pendidikan Saat Ini:</label><br>
<select id="jenjang_pendidikan" name="jenjang_pendidikan" required>
<option value="">-- Pilih --</option>
<option value="SMA/SMK">SMA/SMK Sederajat</option>
<option value="D3">Diploma (D3)</option>
<option value="S1">Sarjana (S1)</option>
<option value="S2">Magister (S2)</option>
</select>
</div>
<div>
<label for="nama_institusi">Nama Sekolah/Universitas:</label><br>
<input type="text" id="nama_institusi" name="nama_institusi" required>
</div>
<div>
<label for="jurusan">Jurusan/Program Studi:</label><br>
<input type="text" id="jurusan" name="jurusan" required>
</div>
<div>
<label for="ipk_rata">IPK Terakhir/Nilai Rata-rata (jika ada):</label><br>
<input type="number" id="ipk_rata" name="ipk_rata" step="0.01" min="0" max="4.00">
</div>
</section>
<hr>
<section>
<h2>📁 Persyaratan Dokumen</h2>
<p>Unggah dokumen yang diperlukan (misalnya: KTP, Transkrip Nilai, Surat Motivasi).</p>
<div>
<label for="transkrip">Transkrip Nilai/Rapor Terakhir (PDF/JPG):</label><br>
<input type="file" id="transkrip" name="transkrip" accept=".pdf,.jpg,.jpeg">
</div>
<div>
<label for="surat_motivasi">Surat Motivasi (PDF):</label><br>
<input type="file" id="surat_motivasi" name="surat_motivasi" accept=".pdf">
</div>
</section>
<hr>
<div>
<input type="checkbox" id="setuju" name="setuju" required>
<label for="setuju">Saya menyatakan bahwa semua informasi yang saya berikan adalah benar dan akurat.</label>
</div>
<br>
<div>
<button type="submit">Kirim Formulir Pendaftaran</button>
<button type="reset">Reset Formulir</button>
</div>
</form>
<br>
<footer>
<p>© 2025 Program Beasiswa</p>
</footer>
</body>
</html>
Komentar
Posting Komentar