Blog | Beli Rumah | Belajar HTML dan PHP | Kontak | Gmail | Uang Adsense
Audit Sistem Informasi
Sistem Informasi (S1)
Manajemen Informatika
Komputer dan Pendidikan
Pengobatan Ruqyah
Daftar Isi | Skripsi SI | B. Arab | Sertifikat Komputer Internasional | PrivacyPolicy | Inggris Arab

Monday, October 25, 2021

HTML 4

Membuat Form: Password, Button (Tombol), e-Mail, Radio Button, Tanggal, Alamat Web


Membuat_Form.html

<html>
<head>
    <title>HalamanLogin</title>
</head>
<body>
    <form action="login.php" method="POST">
        <fieldset>
        <legend>Login</legend>
        <p>
            <label>Username:</label>
            <input type="text" name="username" placeholder="username..." />
        </p>
        <p>
            <label>Password:</label>
            <input type="password" name="password" placeholder="password..." />
        </p>
        <p>
            <label><input type="checkbox" name="remember" value="remember" /> Remember me</label>
        </p>

        <p>
            <input type="submit" name="submit" value="Login" />
        </p>
        </fieldset>
    </form>
</body>
</html>

*****

email.html

<html>
<head>
    <title>Kirim e-mail</title>
</head>
<body>
    <form action="" method="POST">
        <fieldset>
        <legend>Contact</legend>
        <p>
            <label>Pesan:</label>
            <input type="text" name="pesan" placeholder="your message..." />
        </p>
        <p>
            <label>Email:</label>
            <input type="email" name="email" placeholder="your email..." />
        </p>
        <p>
            <input type="submit" name="submit" value="Send" />
        </p>
        </fieldset>
    </form>
</body>
</html>

****


Radio_Option.html

<html>
<head>
    <title>Daftar</title>
</head>
<body>
    <form action="kontak.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>Jenis kelamin:</label>
            <label><input type="radio" name="jenis_kelamin" value="L" /> Laki-laki</label>
            <label><input type="radio" name="jenis_kelamin" value="P" /> Perempuan</label>
        </p>
         <p>
            <label>Hobi:</label>
            <label><input type="checkbox" name="hobi" value="1" /> Membaca</label>
            <label><input type="checkbox" name="hobi" value="2" /> Menulis</label>
        </p>
        <p>
            <label>Pendidikan:</label>
            <select name="pendidikan">
                <option value="S1">S1</option>
                <option value="S2">S2</option>
                <option value="S3">S3</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>


***

tanggal.php

<html>
<head>
    <title>Tanggal</title>
</head>
<body>
    <form action="nilai.php" method="POST">
        <fieldset>
        <legend>Form</legend>
        <p>
            <label>Alamat Web:</label>
            <input type="url" name="name" placeholder="Masukan URL Web..." />
        </p>
        <p>
            <label>Tanggal Lahir:</label>
            <input type="date" name="tanggal" />
        </p>
        <p>
            <label>IPK:</label>
            <input type="number" min="10" max="90" name="ipk" />
        </p>
        <p>
            <input type="submit" name="submit" value="Send" />
        </p>
        </fieldset>
    </form>
</body>
</html>

"Investasi Emas dan Reksadana, Untung Mana?."
Youtube: Katabah Com: Menuju 1 jt Konten :)

No comments:

Post a Comment