Selesai: html senarai data

Masalah utama yang berkaitan dengan HTML elemen ialah ia tidak disokong oleh semua pelayar. Pada masa ini, hanya Chrome, Firefox dan Edge menyokong unsur. Selain itu, sesetengah penyemak imbas mudah alih juga tidak menyokong elemen tersebut. Ini bermakna pengguna pada penyemak imbas yang tidak disokong tidak akan dapat menggunakan kefungsian senarai data.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. Kod ini mencipta elemen HTML yang dipanggil senarai data, yang digunakan untuk membuat senarai pilihan untuk medan input.
2. Senarai data mempunyai atribut id "pelayar".
3. Di dalam senarai data, terdapat lima elemen pilihan, setiap satu dengan atribut nilai yang mengandungi nama pelayar web (Chrome, Firefox, Internet Explorer, Opera dan Safari).
4. Nilai ini akan digunakan sebagai cadangan apabila pengguna menaip ke dalam medan input yang dikaitkan dengan senarai data ini.

Apakah itu teg senarai data

HTML tag digunakan untuk menyediakan ciri "autolengkap" pada elemen. Ia menyediakan senarai pilihan yang dipratentukan untuk dicadangkan kepada pengguna semasa mereka menaip. Elemen senarai data digunakan untuk menyediakan ciri "autolengkap" pada elemen. Ia menyediakan senarai pilihan yang dipratentukan untuk dicadangkan kepada pengguna semasa mereka menaip. Apabila digunakan, ia menentukan senarai pilihan yang telah ditetapkan untuk sesuatu unsur. Penyemak imbas hanya memaparkan pilihan yang berkaitan dengan apa yang telah ditaip pengguna setakat ini dalam medan input.

Apakah perbezaan antara Datalist dan dropdown

Senarai Data ialah elemen HTML yang menyediakan senarai pilihan untuk dipilih oleh pengguna. Ia serupa dengan menu lungsur, tetapi perbezaan utamanya ialah ia membolehkan pengguna memasukkan nilai mereka sendiri. Pengguna boleh menaip dalam medan input dan senarai data akan memberikan cadangan berdasarkan apa yang telah mereka taip. Menu lungsur turun, sebaliknya, hanya membenarkan pengguna memilih daripada pilihan yang telah ditetapkan. Selain itu, dengan senarai data, pengguna boleh menaip sebarang nilai yang mereka mahu walaupun ia tidak disenaraikan sebagai pilihan.

Cara menggunakan senarai data dalam bentuk HTML

HTML elemen digunakan untuk menyediakan ciri "autolengkap" pada elemen. Ia digunakan untuk menyediakan senarai pilihan yang dipratentukan kepada pengguna semasa mereka memasukkan data.

Untuk menggunakan elemen datalist, anda perlu membuat satu borang HTML terlebih dahulu dengan elemen dan berikan atribut id. Kemudian, anda boleh menambah elemen senarai data di dalam borang dan menetapkan atribut senarainya sama dengan id medan input. Di dalam senarai data, anda boleh menambah satu atau lebih

Sebagai contoh:


Related posts:

Tinggalkan komen