Scribd Logo
Upload

Welcome to Scribd!

  • Tugas 11 Input Dan Label: HTML Lang

    Uploaded by

    FADIL FARHAN RIDWAN
    4 views4 pages
    This document contains an HTML form for collecting student data including name, hobbies, gender, and favorite place. The form includes input fields for name, checkboxes for hobbies, radio buttons for gender, and a dropdown menu for favorite place. It also includes submit and cancel buttons. The form is divided into sections for collecting each type of data and uses different colors to distinguish the sections.

    Original Description:

    Original Title

    Tugas 11 10121133 Fadil Farhan Ridwan

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains an HTML form for collecting student data including name, hobbies, gender, and favorite place. The form includes input fields for name, checkboxes for hobbies, radio buttons for gender, and a dropdown menu for favorite place. It also includes submit and cancel buttons. The form is divided into sections for collecting each type of data and uses different colors to distinguish the sections.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views4 pages

    Tugas 11 Input Dan Label: HTML Lang

    Uploaded by

    FADIL FARHAN RIDWAN
    This document contains an HTML form for collecting student data including name, hobbies, gender, and favorite place. The form includes input fields for name, checkboxes for hobbies, radio buttons for gender, and a dropdown menu for favorite place. It also includes submit and cancel buttons. The form is divided into sections for collecting each type of data and uses different colors to distinguish the sections.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Tugas 11 Input dan Label

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <title>Document</title>
    </head>
    <body>
    <div class="w3-container">
    <h1>Formulir Data Siswa Kelas IF-4</h1>
    <div class="shadow w3-card w3-margin" style="width:50%">
    <header class="w3-green " style="padding:.5em 2em">
    <h5>Data Mahasiswa</h5>
    </header>
    <main class="w3-container w3-padding-16">
    <!-- data Mahasiswa -->
    <div class="w3-margin-bottom ">
    <label>Nim</label>
    <input class="w3-input" type="text" name="namalengkap">
    <label>Nama Lengkap</label>
    <input class="w3-input" type="text" name="namalengkap">
    </div>
    <!-- Hoby -->
    <div class="w3-margin-bottom ">
    <header class="w3-orange " style="padding:.5em 2em">
    <h5>Hoby Anda</h5>
    </header>
    <main>
    <div>
    <input class="w3-check" type="checkbox">
    <label>Games</label>
    </div>
    <div>
    <input class="w3-check" type="checkbox">
    <label>Music</label>
    </div>
    <div>
    <input class="w3-check" type="checkbox">
    <label>Renang</label>
    </div>
    <div>
    <input class="w3-check" type="checkbox"
    disabled>
    <label>Makan (Disabled)</label>
    </div>
    </main>
    </div>
    <!-- Jenis KElamin -->
    <div class="w3-margin-bottom ">
    <header class="w3-purple " style="padding:.5em 2em">
    <h5>Jenis Kelamin Anda</h5>
    </header>
    <main>
    <div>
    <input class="w3-check" type="radio"
    name="gender">
    <label>Pria</label>
    </div>
    <div>
    <input class="w3-check" type="radio"
    name="gender">
    <label>Wanita</label>
    </div>
    <div>
    <input class="w3-check" type="radio"
    disabled name="gender">
    <label>Tidak Tahu (Disabled)</label>
    </div>

    </main>
    </div>
    <!-- Tempat Faforit -->
    <div class="w3-margin-bottom ">
    <header class="w3-green " style="padding:.5em 2em">
    <h5>Tempat favorit</h5>
    </header>
    <main>
    <select class="w3-select" name="option">
    <option value="" disabled selected>Pilih
    Salah Satu</option>
    <option value="1">Bandung</option>
    <option value="2">Cianjur</option>
    <option value="3">Jakarta</option>
    </select>

    </main>
    </div>
    </main>
    <footer class="w3-container w3-padding-16">
    <button class="w3-btn w3-round-xxlarge w3-orange">Submit
    </button>
    <button class="w3-btn w3-round-xxlarge w3-orange">Cancel
    </button>
    </footer>
    </div>
    </div>
    </body>
    </html>

    You might also like