Scribd Logo
Upload

Welcome to Scribd!

  • Coding Pemograman

    Uploaded by

    Firaanggresta
    11 views7 pages
    The document contains examples of different types of HTML forms, including login forms, forms with text fields, select dropdowns, radio buttons, checkboxes, and file uploads. It also includes examples of newer form field types like date, color, number and range inputs. One example shows a form laid out in a table for biodata collection.

    Original Description:

    coding

    Original Title

    coding pemograman

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains examples of different types of HTML forms, including login forms, forms with text fields, select dropdowns, radio buttons, checkboxes, and file uploads. It also includes examples of newer form field types like date, color, number and range inputs. One example shows a form laid out in a table for biodata collection.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views7 pages

    Coding Pemograman

    Uploaded by

    Firaanggresta
    The document contains examples of different types of HTML forms, including login forms, forms with text fields, select dropdowns, radio buttons, checkboxes, and file uploads. It also includes examples of newer form field types like date, color, number and range inputs. One example shows a form laid out in a table for biodata collection.

    Copyright:

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

    (form login)

    <! DOCTYPE html>

    <html>

    <h2>HTML Form Login</h2>

    <form>

    User Name <br>

    <input type="text" name=username"> <br>

    Last name:<br>

    <input type="password" name="password">

    <br><br>

    <input type="submit" value="Submit">

    </form>

    </body>

    </html>

    (form1.htm)

    <!DOCTYPE html>

    <html>

    <body>

    <h2>HTML Form</h2>

    <form>

    Alamat <br>

    <textarea>Jl.Bhakti Praja </textarea>

    <br>

    Hobi <br>

    <select name="hobi">

    <option value="">--Pilih Hobi--</option>

    <option value="Bulu Tangkis">1. Bulu Tangkis</option>

    <option value="Sepak Bola">2. Sepak Bola</option>

    <option value="Voli">3. Voli</option>


    <option value="Futsal">4. Futsal</option>

    <option value="Sepak Takraw">5. Sepak Takraw</option>

    </select>

    <br>

    Agama:<br>

    <select name="agama" multiple>

    <option value="">--Pilih Agama--</option>

    <option value="Islam">1. Islam</option>

    <option value="Kristen Katolik">2. Kristen Katolik</option>

    <option value="Kristen Protestan">3. Kristen Protestan</option>

    <option value="Hindu">4. Hindu</option>

    <option value="Budha">5. Budha</option>

    </select>

    <br><br>

    <input type="submit" value="submit">

    </form>

    </body>

    </html>

    (form2.htm)

    <!DOCTYPE html>

    <html>

    <body>

    <h2>HTML Form</h2>

    <form>

    Semester <br>

    <input type="checkbox" name="semester" value="1"

    checked="checked" />1

    <input type="checkbox" name="semester"

    value="3"/>3

    <input type="checkbox" name="semester"


    value="5" />5

    <input type="checkbox" name="semester" value="7"

    checked="checked" />7

    <br>

    <br>

    Jenis Kelamin:<br>

    <input type="radio" name="jenkel"

    value="pria"/>1. Pria<br />

    <input type="radio" name="jenkel" value="Wanita"

    checked/>2. Wanita<br />

    <br><br>

    Unggah Foto:<br>

    <input type="file" name="foto">

    <br>

    <br>

    <input type="submit" value="Submit">

    </form>

    </body>

    </html>

    (form3.htm)

    <!DOCTYPE html>

    <html>

    <body>

    <form>

    EMAIL <br>

    <input type="email" name="email">

    <br><br>

    Home Page:<br>

    <input type="url" name="url">

    <br><br>
    Jumlah <br>

    <input type="number" name="number">

    <br><br>

    Tanggal:<br>

    <input type="date"

    name="date"> <br> <br>

    Bulan <br>

    <input type="month" name="month">

    <br> <br>

    Minggu<br>

    <input type="week"

    name="week"> <br> <br>

    Jam <br>

    <input type="time" name="time">

    <br><br>

    <input type="submit" value="Submit">

    </form> </body>

    </html>

    (form4.htm)

    <!DOCTYPE html>

    <html>

    <head>

    <title> input range dan color </title>

    </head>

    <body bgcolor="Tomato">

    <form>

    masukan range <br>

    <input type="range" name="angka" min="0"

    max="10"/>

    <br> <br>
    Pilih dan Masukan Range

    <input type="color" name="Warna_favorit"

    value="#FFBB54" />

    <br>

    <br>

    <input type="submit" name="submit" value="kirim">

    </form>

    </body>

    </html>

    (formbiodata)

    <!DOCTYPE html>

    <html>

    <head>

    <title> Layout dengan tabel </title>

    </head>

    <body bgcolor="Tomato">

    <h1 align="center" style="color:white;">Isikan

    Biodata Anda </h1>

    <table align="center">

    <form>

    <tr>

    <td>Nama</td> <td>:</td><td><input type="text

    name="nama"></td>

    </tr>

    <tr>

    <td>Tempat Tanggal Lahir</td>

    <td>:</td><td><input type="text" name="tempat">

    <input type="date" name="tanggal"></td>

    </tr>

    <tr>
    <td>Jenis Kelamin</td> <td>:</td><td><input

    type="radio" name="Jenkel" value="pria"> Pria

    <input type="radio" name="Jenkel"> wanita </td>

    </tr>

    <tr>

    <td>Program Studi</td> <td>:</td><td>

    <select>

    <option value="">--Pilih Prodi--<option>

    <option value="Teknik Industri">Teknik

    Industri</option>

    <option value="Agroteknologi">Agroteknologi</option>

    <option value="Teknologi Pasca Panen">Teknologi

    Pasca Panen</option>

    </select> </td>

    </tr>

    <tr>

    <td>Agama</td> <td>:</td><td>

    <option value="">--Pilih Agama--</option>

    <option value="Islam">1. Islam</option>

    <option value="Kristen Katolik">2. Kristen Katolik</option>

    <option value="Kristen Protestan">3. Kristen Protestan</option>

    <option value="Hindu">4. Hindu</option>

    <option value="Budha">5. Budha</option>

    </select> </td>

    </tr>

    <tr>

    <td>Alamat</td> <td>:</td><td><textarea

    name="alamat"></textarea></td>

    </tr>

    <tr>

    <td>Hobi</td> <td>:</td><td>
    <select name="hobi">

    <option value="">--Pilih Hobi--</option>

    <option value="Bulu Tangkis">1. Bulu Tangkis</option>

    <option value="Sepak Bola">2. Sepak Bola</option>

    <option value="Voli">3. Voli</option>

    <option value="Futsal">4. Futsal</option>

    <option value="Sepak Takraw">5. Sepak Takraw</option>

    </select></td>

    </tr>

    <tr><td> Semester</td>

    <td>:</td><td> <input type="checkbox"

    name="semester" value="1">1

    <input type="checkbox" name="semester"

    value="3"/>3

    <input type="checkbox" name="semester"

    value="5" />5

    <input type="checkbox" name="semester" value="7"< />7

    </tr>

    </form>

    </table>

    </body>

    </html>

    You might also like