Formulir HTML: Input, Textarea, dan Select

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Atribut `for` pada elemen `<label>` digunakan untuk apa?

Mencocokkan dengan atribut `id` pada elemen kontrol formulir yang sesuai. (correct)
Menentukan nama data yang dimasukkan pengguna.
Menentukan jenis input yang terkait dengan label.
Mengelompokkan beberapa kontrol formulir bersama-sama.

Bagaimana cara agar pengguna dapat memasukkan beberapa baris teks dalam formulir?

Gunakan elemen `<textarea>`. (correct)
Gunakan elemen `<select>` dengan beberapa elemen `<option>`.
Gunakan elemen `<input>` dengan `type="text"` dan atribut `rows`.
Gunakan elemen `<input>` dengan `type="multiline"`.

Apa fungsi atribut `name` pada elemen `<input>`?

Menentukan jenis validasi yang diterapkan pada input.
Menentukan tampilan visual dari kontrol formulir.
Menghubungkan label dengan kontrol formulir.
Mengidentifikasi data yang dimasukkan pengguna saat formulir dikirimkan. (correct)

Bagaimana cara membuat opsi awal terpilih pada elemen `<select>`?

<p>Menambahkan atribut <code>selected</code> pada elemen <code><option></code> yang diinginkan. (A)</p> Signup and view all the answers

Elemen HTML apa yang digunakan untuk mengelompokkan kontrol formulir terkait?

<fieldset> (D) Signup and view all the answers

Bagaimana cara mengirimkan data formulir ke server setelah pengguna mengisi formulir?

<p>Dengan mengklik elemen <code><button></code> tanpa atribut <code>type</code> atau elemen <code><input></code> dengan <code>type='submit'</code>. (A)</p> Signup and view all the answers

Apa yang terjadi jika atribut `type` tidak ditentukan pada elemen `<input>`?

<p>Input akan berfungsi sebagai input teks. (A)</p> Signup and view all the answers

Apa fungsi elemen `<legend>` di dalam `<fieldset>`?

<p>Menyediakan judul atau deskripsi untuk grup kontrol formulir di dalam <code><fieldset></code>. (D)</p> Signup and view all the answers

Apa perbedaan utama antara elemen `<button>` dan elemen `<input type="submit">`?

<p>Elemen <code><button></code> memungkinkan konten yang lebih kaya (misalnya, gambar, teks yang diformat) di dalamnya, sedangkan <code><input type="submit"></code> hanya menerima teks. (C)</p> Signup and view all the answers

Kapan sebaiknya menggunakan elemen `<select>` daripada elemen `<input>` dengan `type="text"`?

<p>Ketika Anda ingin memberikan pengguna daftar pilihan yang telah ditentukan sebelumnya. (B)</p> Signup and view all the answers

Jenis input apa yang paling sesuai untuk mengumpulkan alamat email pengguna?

<p><code>type="email"</code> (B)</p> Signup and view all the answers

Bagaimana cara menonaktifkan perilaku submit default dari elemen `<button>` di dalam formulir?

<p>Menambahkan atribut <code>type="button"</code> pada elemen <code><button></code>. (A)</p> Signup and view all the answers

Mengapa penting untuk menggunakan elemen `<label>` untuk setiap kontrol formulir?

<p>Untuk meningkatkan aksesibilitas dan memberikan target klik yang lebih besar. (B)</p> Signup and view all the answers

Apa yang dimaksud dengan `checked` dalam `<input type="checkbox" checked>`?

<p>Kotak centang akan otomatis dicentang saat halaman dimuat. (D)</p> Signup and view all the answers

Mana yang berikut ini BUKAN merupakan keuntungan menggunakan kontrol formulir yang sesuai?

<p>Semua kontrol formulir akan terlihat sama persis di semua browser dan sistem operasi. (A)</p> Signup and view all the answers

Bagaimana cara menambahkan hint teks di dalam kolom input sebelum pengguna memasukkan nilai?

<p>Gunakan atribut <code>placeholder</code> pada elemen <code><input></code>. (D)</p> Signup and view all the answers

Apa kegunaan elemen `<datalist>` dengan elemen `<input>`?

<p>Untuk membuat daftar pilihan yang disarankan saat pengguna mengetik di input. (C)</p> Signup and view all the answers

Apa yang terjadi jika Anda memiliki beberapa elemen `<label>` dengan atribut `for` yang sama dalam satu formulir?

<p>Semua label akan terhubung ke kontrol formulir pertama dengan ID yang cocok. (D)</p> Signup and view all the answers

Mengapa sebaiknya menghindari penggunaan JavaScript untuk validasi formulir dasar dan mengandalkan validasi HTML5?

<p>Validasi HTML5 lebih cepat dan mudah diterapkan untuk kasus validasi sederhana. (B)</p> Signup and view all the answers

Bagaimana cara membuat formulir yang tidak mengirimkan data ke server saat tombol 'Enter' ditekan?

<p>Menggunakan JavaScript untuk mencegah event <code>keydown</code> pada tombol 'Enter'. (D)</p> Signup and view all the answers

Apa keuntungan menggunakan `<input type="number">` dibandingkan `<input type="text">` untuk input numerik?

<p><code><input type="number"></code> menyediakan validasi bawaan untuk memastikan input adalah angka. (B)</p> Signup and view all the answers

Apa yang dimaksud dengan 'aksesibilitas' dalam konteks formulir web?

<p>Kemampuan semua orang, termasuk penyandang disabilitas, untuk menggunakan formulir dengan mudah. (C)</p> Signup and view all the answers

Bagaimana cara membuat input yang wajib diisi oleh pengguna sebelum formulir dapat dikirim?

<p>Menggunakan atribut <code>required</code> pada elemen <code><input></code>. (D)</p> Signup and view all the answers

Kapan waktu yang tepat memakai elemen `<input type="hidden">`?

<p>Saat ingin mengirimkan data yang tidak perlu dilihat atau diedit oleh pengguna. (B)</p> Signup and view all the answers

Flashcards

Elemen Formulir

Elemen HTML untuk membuat formulir interaktif, yang memungkinkan pengguna memasukkan dan memilih data.

Elemen `<label>`

Digunakan untuk mendeskripsikan kontrol formulir, meningkatkan aksesibilitas dan memberikan target klik yang lebih besar.

Atribut `for` pada `<label>`

Atribut yang menghubungkan elemen <label> dengan elemen formulir tertentu.

Elemen `<input>`

Digunakan untuk mengumpulkan masukan dari pengguna, dengan berbagai type untuk berbagai jenis data (teks, kotak centang, dll.).