Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Tutorial HTML

Kode HTML Forum Kontak lewat email

Koderaya Posting Komentar



Berikut adalah langkah-langkah dasar untuk memulai belajar Bootstrap

Kode kontak HTML merujuk pada bagian dari kode HTML yang digunakan untuk membuat formulir kontak atau fitur komunikasi serupa pada halaman web. Formulir kontak digunakan untuk memungkinkan pengunjung situs web mengirim pesan atau pertanyaan kepada pemilik atau administrator situs.

berikut source kode nya silahkan buat 3 folder

index.html
proses_folmulir.php
sukses.html

setelah itu kopas kode di bawah ini

index.html
 <!DOCTYPE html>
<html>
<head>
    <title>Formulir Kontak</title>
    <style>
        .container {
            max-width: 400px;
            margin: 0 auto;
        }
        .form-group {
            margin-bottom: 20px;
        }
        label, input, textarea {
            display: block;
            width: 100%;
        }
        label {
            font-weight: bold;
        }
        input, textarea {
            padding: 5px;
        }
        button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Formulir Kontak</h2>
        <form action="proses_formulir.php" method="POST">
            <div class="form-group">
                <label for="nama">Nama:</label>
                <input type="text" id="nama" name="nama" required>
            </div>
            <div class="form-group">
                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>
            </div>
            <div class="form-group">
                <label for="pesan">Pesan:</label>
                <textarea id="pesan" name="pesan" rows="5" required></textarea>
            </div>
            <button type="submit">Kirim</button>
        </form>
    </div>
</body>
</html>

proses_folmulir.php
 <?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Ambil nilai-nilai yang dikirimkan melalui formulir
    $nama = $_POST["nama"];
    $email = $_POST["email"];
    $pesan = $_POST["pesan"];

    // Lakukan validasi atau tindakan lain sesuai kebutuhan Anda
    // Misalnya, mengirim email ke alamat tujuan
    $tujuan = "tujuan@email.com";
    $subjek = "Pesan dari Formulir Kontak";
    $isiPesan = "Nama: " . $nama . "\n";
    $isiPesan .= "Email: " . $email . "\n";
    $isiPesan .= "Pesan: " . $pesan . "\n";

    // Mengirim email
    mail($tujuan, $subjek, $isiPesan);

    // Mengarahkan pengguna kembali ke halaman formulir atau halaman lain
    header("Location: sukses.html"); // Ganti dengan halaman yang sesuai
    exit();
}
?>

sukses.html
 <!DOCTYPE html>
<html>
<head>
    <title>Formulir Kontak - Sukses</title>
</head>
<body>
    <h2>Pesan Anda Telah Terkirim!</h2>
    <p>Terima kasih telah menghubungi kami. Tim kami akan segera merespons pesan Anda.</p>
    <!-- Anda dapat menambahkan konten tambahan di sini -->
</body>
</html>
Pastikan untuk menyimpan file ini dengan ekstensi .html. Kode ini mencakup sebuah
formulir dengan tiga input: Nama, Email, dan Pesan. Ketika pengguna mengklik tombol 
"Kirim", formulir akan diirim ke proses_formulir.php untuk diproses. Anda perlu 
membuat file proses_formulir.php terpisah untuk memproses formulir tersebut dan 
mengirimkan email atau melakukan tindakan lain sesuai dengan kebutuhan Anda.

Contoh kode kontak HTML yang saya berikan sebelumnya adalah salah satu contoh 
sederhana yang dapat Anda gunakan sebagai dasar untuk membuat formulir kontak di situs web sobat.

Posting Komentar untuk "Kode HTML Forum Kontak lewat email"