Scribd Logo
Unggah

Selamat datang di Scribd!

  • Part 4 HTML Form

    Diunggah oleh

    sopi
    11 tayangan3 halaman
    Html

    Judul Asli

    Part-4-HTML-Form

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    11 tayangan3 halaman

    Part 4 HTML Form

    Diunggah oleh

    sopi
    Html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    SMK BINA KERJA PURWAKARTA

    MENCERDASKAN ANAK BANGSA


    JOBSHEET WEB XI 4
    Tema :
    Konsep Pembuatan Form
    Alat :
     Hardware :
     Komputer
     Software :
     Visual Studio Code
     Web Browser : Mozilla Firefox / Chrome / Microsoft Edge
    Materi :
    Formulir HTML digunakan untuk mengumpulkan masukan pengguna. Masukan pengguna
    paling sering dikirim ke server untuk diproses. Contoh :

    Script : Form-1.html
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
        <title>HTML Form</title>
    </head>
    <body>
        <form action="login.php" method="post">
            <label for="nama-depan">Nama Depan</label><br>
            <input type="text" name="nama-depan" id="nama-depan" placeholde
    r="Nama Depan"><br>
            <label for="nama-belakang">Nama Belakang</label><br>
            <input type="text" name="nama-belakang" id="nama-belakang" plac
    eholder="Nama Belakang"><br><br> 
            <input type="submit" value="Simpan">
        </form>
        
    </body>
    </html>

    Element <form>
    <form>Elemen HTML digunakan untuk membuat formulir HTML untuk input
    pengguna:

    <form action=”….” Method=”…”>


    Elemen form
    </form>

    Elemen form adalah wadah untuk berbagai jenis elemen input, seperti: bidang teks,
    checkbox, tombol radio, tombol submit, dll
    Element Input
    <input>Elemen HTML adalah elemen formulir yang paling banyak digunakan. Sebuah 
    <input> elemen dapat ditampilkan dengan berbagai cara, bergantung pada  type 
    atributnya. Berikut beberapa contohnya:

    Tipe Deskripsi

    <input type = "text"> Menampilkan bidang input teks satu baris

    <input type = "radio"> Menampilkan tombol radio (untuk memilih


    salah satu dari banyak pilihan)

    <input type = "checkbox"> Menampilkan kotak centang (untuk memilih


    nol atau lebih dari banyak pilihan)
    <input type = "submit"> Menampilkan tombol kirim (untuk
    mengirimkan formulir)

    <input type = "button"> Menampilkan tombol yang dapat diklik

    Tugas : Jawablah soal – soal berikut pada kertas bergaris, dan foto kan hasil pekerjaan kalian.
    Kemudian kirim ke Google Classroom.
    1. Jelaskan fungsi tag <select> pada elemen form!
    2. Jelaskan fungsi tag <textarea> pada element form!
    3. Jelaskan fungsi atribut yang terdapat pada tag <form> berikut ini :
    a. Action 
    b. Method 
    4. Jelaskan fungsi atribut dari element input berikut :
    a. Type 
    b. Required 
    c. Placeholder 
    d. Name 

    5. Tuliskan script untuk menampilkan combo box yang berisikan data jurusan .

    Anda mungkin juga menyukai