• Jum. Sep 30th, 2022

    Sih4nk

    Dari Kita Untuk Kita

    #10 Belajar HTML Form

    Byh4nk

    Sep 12, 2022 , ,
    Belajar html

    Belajar HTML Form tempat penginputan data sebelum diproses oleh sistem.  salah satunya adalah form login, form comment, form data user, dan lain sebagainya. untuk proses penginputan data dari form akan kita bahas di materi PHP, MYSQL, dan JavaScript. tag yang digunakan untuk membuat form ini adalah <form> yang didalamnya bisa berupa <input>, <textarea>,<opstion> dan <select>

    Form di HTML dapat kita buat dengan tag <form>.

    Tag ini memiliki beberapa atribut yang harus diberikan, seperti:

    • action untuk menentukan aksi yang akan dilakukan saat data dikirim;
    • method metode pengiriman data.

    Contoh:

    tag <form>

    dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses data yang akan dikirim. dan biasanya nilai yang dikirim berupa alamat dari sebuah halaman untuk memproses data inputan. dan atribut yang kedua berupa method. method ini menjelaskan bagaimana data yang akan dikirim oleh web browser. nilai dari method ini biasnya get atau post. berikut contoh penulisan <form> pada HTML

    Apa itu Field?

    Field adalah ruas yang dapat diisi dengan data.

    Contoh field:

    Field memiliki beberapa atribut yang harus diberikan:

    1. type merupakan type dari field.
    2. name merupakan nama dari field yang akan menjadi kunci dan variabel di dalam program.

    Tag <input>

    tag input merupakan tag yang akan digunakan dalam form pengisian. tag input ini memiliki banyak sekali bentuk yang bisa digunakan misalkan isian teks, password, checkbox, radiobutton, sampai dengan tombol submit berada dalam tag <input>.

    berikut beberapa bentuk dalam keluarga tag <input> yang dikategorikan berdasarkan atribut :

    1. <input type=’text’> textbox yang bisa menerima inputan text misalkan username atau berupa inputan text yang pendek.
    2. <input type=’password’> textbox yang menerima inputan text, akan tetapi text yang diinput akan di tampilkan sebagai tanda bintang atau titik, textbox ini biasanya digunakan untuk inputan password.
    3. <input type=’submit’> inputan ini berupa tombol (button) untuk memproses data inputan dari form.
    4. <input type=’checkbox’> inputan berupa checkbox yang dapat di ceklis oleh user.
    5. <input type=’radio’> inputan yang berupa radio grup, dimana user dapat memilih salah satu dari pilihan yang disediakan. salah satu contoh penggunaan dari radio ini adalah jenis kelamain.

    tag <textarea>

    <textarea> merupakan tag yang sama fungsinya dengan inputan text, hanya saja pada textarea ini dapat diisikan dengan lebih banyak teks didalamnya. untuk mengatur panjang dan banyak baris pada textarea ini dapat menggunakan CSS.

    berikut contoh penulisan textarea :

    tag <select>

    <select> merupakan tag yang digunakan untuk user memilih data yang sudah disediakan. Dalam penggunakan <select> selelau diikuti oleh <option> yng digunakan untuk membuat pilihan.

    berikut contoh penulisan <select> pada HTML

    Atribut name

    atribut name merupakan atribut yang nilainya akan digunakan pada saat memproses data oleh web server. berikut contoh penulisan yang menggunakan atribut name

    untuk lebih jelas membuat form dengan menggunakan HTML, perhatikan contoh berikut :

    Hasilnya :
    Belajar HTML Form

    dari contoh di atas merupakan form yang sangat sederhana menggunakan HTML. Untuk mempercantik form yang anda buat harus menggunakan CSS

    dari contoh di atas pula dapat anda lihat penggunaan masing-masing tag atau atribut yang sudah kita bahas.

    Materi HTML Dasar Lainnya :

    #1 Belajar HTML : Pengertian HTML
    #2 Belajar HTML : Text Editor
    #3 Belajar HTML Mengenal Tag, Element, Atribut HTML
    #4 Belajar HTML Heading
    #5 Belajar HTML Format Text
    #6 Belajar HTML Paragraf
    #7 Belajar HTML Tabel
    #8 Belajar HTML Hyperlink
    #9 Belajar HTML List
    #10 Belajar HTML Form
    #11 Belajar HTML Atribut Form
    #12 Belajar HTML Symbol
    #13 Belajar HTML Gambar
    #14 Belajar HTML Tag Iframe
    5 thoughts on “#10 Belajar HTML Form”

    Tinggalkan Balasan

    Alamat email Anda tidak akan dipublikasikan.