JS HTML First

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h3>Formulir Semantik HTML-First</h3>
    <form onsubmit="event.preventDefault(); alert('Formulir berhasil diproses secara aman!');">
        <label for="username">Nama Pengguna (Wajib):</label><br>
        <input type="text" id="username" required style="padding:8px; margin:8px 0; width:220px;"><br>
        <button type="submit" style="padding:8px 16px; background:#0d2e5c; color:white; border:none; border-radius:4px; cursor:pointer;">Kirim Formulir</button>
    </form>
</body>
</html>