Membuat Form Online Tingkat Lanjut

-

Membuat sebuah form registrasi online 

Ketika script berikut! 


<!DOCTYPE html>

<html>

<head>

    <title>Registrasi</title>

</head>

<body>

    <form action="contact.php" method="POST">

        <fieldset>

        <legend>Registrasi</legend>

        <p>

            <label>Nama:</label>

            <input type="text" name="nama" placeholder="Nama lengkap..." />

        </p>

        <p>

            <label>Username:</label>

            <input type="text" name="username" placeholder="Username..." />

        </p>

        <p>

            <label>Email:</label>

            <input type="email" name="email" placeholder="Your email..." />

        </p>

        <p>

            <label>Password:</label>

            <input type="password" name="password" placeholder="Passowrd..." />

        </p>

        <p>

            <label>Jenis kelamin:</label>

            <label><input type="radio" name="jenis_kelamin" value="laki-laki" /> Laki-laki</label>

            <label><input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan</label>

        </p>

        <p>

            <label>Agama:</label>

            <select name="agama">

                <option value="islam">Islam</option>

                <option value="kristen">Kristen</option>

                <option value="hindu">Hindu</option>

                <option value="budha">Budha</option>

            </select>

        </p>

        <p>

            <label>Biografi:</label>

            <textarea name="biografi"></textarea>

        </p>

        <p>

            <input type="submit" name="submit" value="Daftar" />

        </p>

        </fieldset>

    </form>

</body>

</html>


Save As, ketikan nama file.html

Dan lihat hasilnya.....! 


Postingan populer dari blog ini

Latihan 3

-
  Latihan 3  Ketiklah index script berikut:  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>School Website - Home</title>     <link rel="stylesheet" href="styles.css"> </head> <body>     <header>         <h1>Welcome to Our School</h1>         <nav>             <ul>                 <li><a href="index.html">Home</a></li>                 <li><a href="about.html">About</a></li>                 <li><a href="contact.html">Contact</a></li>            ...
Baca selengkapnya

Latihan html membuat Form Online

-
 Ketiklah scrip berikut :  <!DOCTYPE html> <html> <head><title>Belajar HTML - Membuat Form</title></head> <body> <form action="prosess-form.php" method="GET"> <!-- letakkan field di sini --> <label> Nama: </label> <input type="text" name="nama-lengkap" /><br /> <label> Email: </label> <input type="email" name="email" /><br /> <label> Password: </label> <input type="password" name="password" /><br /> <label> Checkbox: </label> <input type="checkbox" name="hobi" /> Membaca <input type="checkbox" name="hobi" /> Menulis <input type="checkbox" name="hobi" /> Olahraga <br /> <label> Radio: </label> <input type="r...
Baca selengkapnya