Formulir Pendaftaran Beasiswa
<html lang="id">
<head>
<meta charset="UTF-8"></meta>
<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
<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 id="nama_lengkap" name="nama_lengkap" required="" type="text" />
</div>
<div>
<label for="tanggal_lahir">Tanggal Lahir:</label><br />
<input id="tanggal_lahir" name="tanggal_lahir" required="" type="date" />
</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" required="" rows="4"></textarea>
</div>
<div>
<label>Status Ekonomi:</label><br />
<input id="mampu" name="statusekonomi" type="radio" value="mampu" />
<label for="pria">Mampu</label><br />
<input id="miskin" name="statusekonomi" type="radio" value="miskin" />
<label for="wanita">Miskin</label><br />
</div>
</section>
<hr />
<section>
<h2>📞 Informasi Kontak</h2>
<div>
<label for="email">Email:</label><br />
<input id="email" name="email" required="" type="email" />
</div>
<div>
<label for="telepon">Nomor Telepon/HP:</label><br />
<input id="telepon" name="telepon" pattern="[0-9]{10,15}" required="" title="Masukkan nomor telepon yang valid (10-15 digit)." type="tel" />
</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 id="nama_institusi" name="nama_institusi" required="" type="text" />
</div>
<div>
<label for="jurusan">Jurusan/Program Studi:</label><br />
<input id="jurusan" name="jurusan" required="" type="text" />
</div>
<div>
<label for="ipk_rata">IPK Terakhir/Nilai Rata-rata (jika ada):</label><br />
<input id="ipk_rata" max="4.00" min="0" name="ipk_rata" step="0.01" type="number" />
</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 accept=".pdf,.jpg,.jpeg" id="transkrip" name="transkrip" type="file" />
</div>
<div>
<label for="surat_motivasi">Surat Motivasi (PDF):</label><br />
<input accept=".pdf" id="surat_motivasi" name="surat_motivasi" type="file" />
</div>
</section>
<hr />
<div>
<input id="setuju" name="setuju" required="" type="checkbox" />
<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