Pada pertemuan kali ini kita akan membahas berbagai macam element yang berada di dalam element Show
Kita telah mencoba element Element-element tersebut adalah:
Mari kita coba satu persatu element di atas. Element <input>Seperti yang sudah kita ketahui, element Perhatikan contoh berikut:
Hasil keluaran: Contoh di atas merupakan tipe paling
dasar dari element Selanjutnya, kalian bisa membaca tentang tipe-tipe yang ada pada element input untuk mengenal lebih jauh tentang element Element <select> dan <option>Element form berikutnya adalah: Kita bisa menggunakan keduanya untuk membuat sebuah dropdown pilihan. Element Perhatikan contoh berikut:
Hasil keluaran: Kita telah membuat satu buah dropdown jenis kelamin dengan 3 buah opsi pilihan. Pilih Opsi AktifOpsi yang aktif secara default adalah adalah opsi yang pertama. Akan tetapi, kita bisa mengatur opsi mana yang aktif secara default dengan memberikan atribut Perhatikan contoh berikut:
Hasil keluaran: Pada hasil di atas, opsi “Perempuan” otomatis ter-select saat pertama kali halaman dimuat. Disable OpsiKita juga bisa men-disable sebuah opsi dengan menambahkan atribut Opsi yang memiliki atribut Perhatikan contoh berikut:
Hasil keluaran: Kita juga bisa menggabungkan atribut
Hasil keluaran: Atribut sizeKita juga bisa menggunakan atribut Perhatikan contoh berikut:
Hasil keluaran: Select multi opsiKita juga bisa menggunakan atribut Perhatikan contoh berikut:
Hasil keluaran: Kita bisa menahan tombol Element <textarea>Element berikutnya yang bisa kita gunakan untuk mengambil inputan user
adalah element Ia merupakan element “teks” akan tetapi bisa memuat lebih dari satu baris. Perhatikan contoh berikut:
Hasil keluaran: Pada hasil di atas kita bisa perhatikan bahwa:
Mengatur ukuran textareaKita bisa mengatur ukuran dari
Atribut Perhatikan contoh berikut:
Hasil keluaran: Atau kita juga bisa mendefinisikan panjang dan tinggi suatu element Element <button>Element berikutnya yang bisa kita gunakan dalam membuat sebuah formulir isian adalah: Button memiliki 2 buah tipe:
Tombol dengan Perhatikan contoh berikut:
Hasil keluaran: Element <fieldset> dan <legend>Element form berikutnya yang bisa kita gunakan adalah element Dua element ini digunakan untuk mengelompokkan kolom isian dalam suatu formulir HTML. Perhatikan hasil keluaran berikut: Kode HTML dari hasil keluaran di atas adalah sebagai berikut:
Element <datalist>Berikutnya adalah element
Jadi element Perhatikan kode HTML di bawah:
Hasil keluaran: Coba ketikkan huruf “b” pada input di atas, maka browser akan memberikan saran autocomplete dari data yang sudah kita definisikan dalam element Kode Program LengkapBagi kalian yang ingin mendapatkan kode program lengkap, silakan kunjungi repository html-dasar di github. Jangan lupa kasih ⭐⭐ Pertemuan SelanjutnyaInsyaallah pada pertemuan selanjutnya kita akan membahas tentang macam-macam tipe dari element input HTML. Stay tune! Elemen HTML form digunakan untuk apa?Form merupakan bagian pada HTML yang dapat digunakan untuk membuat elemen Form pada halaman Web. Elemen Form dapat terdiri dari check box, radio button, menu, text box, text area, dan button. Text fields digunakan ketika pengguna ingin mengisi field seperti kata, angka dan lainnya.
Form digunakan untuk apa?Formulir memiliki banyak fungsi misalnya untuk mengumpulkan informasi tertentu, mengumpulkan dan merekam data, sebagai bukti untuk pertanggungjawaban, meminta dan mencatat suatu tindakan, juga sebagai media komunikasi baik antarindividu atau antara individu dengan perusahaan.
Apa kegunaan dari form pada sebuah website?1 FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian secara online memperoleh feedback dari user mengenai website anda.
Atribut apa saja yang terdapat di elemen HTML form?berikut beberapa atribut yang digunakan pada form HTML.. atribut value. ... . atribut readonly. ... . atribut disabled. atribut ini digunakan untuk menonaktifkan inputan. ... . atribut size. ... . atribut maxlength. ... . atribut list. ... . atribut min dan max. ... . laceholder Attribute.. |