• Jum. Sep 30th, 2022

    Sih4nk

    Dari Kita Untuk Kita

    #11 Belajar HTML Atribut Form

    Byh4nk

    Sep 12, 2022 , ,
    Belajar html

    Belajar HTML Atribut Form ini perlu kita pahami, dalam pembuatan form pada HTML tentu saja terdapat beberapa atribut yang akan digunakan nantinya pada saat memproses data dengan di webserverBerikut beberapa atribut yang digunakan pada saat pembuatan form pada HTML.

    pada tutorial sebelumnya kita sudah membahas #10 Belajar HTML Form. sekarang kita akan melanjutkan tutorial belajar HTML penggunaan atribut pada form HTML. Berikut beberapa atribut yang digunakan pada form HTML.

    atribut value

    atribut ini merupakan nilai awal yang akan ditampilkan pada saat menjalankan di browser.

    contohnya :

    Hasilnya

    Belajar HTML Atribut Form

    Pada contoh diatas atribut valuenya pada inputan “Nama Depan” adalah “nama” sedangkan untuk inputan “Nama Belakang” tidak memiliki atribut value.

    atribut readonly

    jika menggunakan atribut ini maka nilai value tidak bisa di ubah. berikut contoh penggunaan readonly pada form HTML

    Hasilnya :

    Belajar HTML Atribut Form

    Pada contoh diatas value “nama” akan terlihat pudar, itu menandakan bahwa atribut yang digunakan adalah disabled.

    atribut size.

    atribut ini mengatur lebar kotak inputan, untuk lebih jelasnya perhatikan contoh berikut :

    Hasil :

    Belajar HTML Atribut Form

    Terlihat inputan “nama Depan diberikan size 100, sehingga kolom inputan menjadi lebih lebar/ sebatas 100 karakter saja.

    atribut maxlength.

    atribut ini digunakan untuk menentukan jumlah inputan teks yang di batasi. untuk lebih jelasnya perhatikan contoh berikut :

    Hasil

    Belajar HTML Atribut Form

    atribut list.

    atribut ini untuk menampilkan list pada form inptan. untuk lebih jelas perhatikan contoh berikut :

    Hasil :

    Belajar HTML Atribut Form

    atribut min dan max.

    Min dan maks atribut menentukan nilai minimum dan maksimum untuk elemen<input>Atribut min dan maks digunakan untuk jenis inputan seperti : nomor, kisaran, tanggal,datetime, datetime-lokal, bulan, waktudan minggu. perhatikan contoh berikut:

    Hasil :

    Belajar HTML Atribut Form

    Placeholder Attribute.

    atribut ini digunakan untuk sebagai pengganti dari label field. perhatikan contoh berikut :

    Hasil

    Belajar HTML Atribut Form

    itulah beberapa atribut yang sering digunakan dalam membuat form dengan HTML.

    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
    4 thoughts on “#11 Belajar HTML Atribut Form”

    Tinggalkan Balasan

    Alamat email Anda tidak akan dipublikasikan.