Riješeno: datalist html

Glavni problem vezan uz HTML element je da ga ne podržavaju svi preglednici. Trenutno samo Chrome, Firefox i Edge podržavaju element. Osim toga, ni neki mobilni preglednici ne podržavaju element. To znači da korisnici nepodržanih preglednika neće moći koristiti funkciju popisa podataka.

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

1. Ovaj kod stvara HTML element koji se naziva popis podataka, koji se koristi za stvaranje popisa opcija za polje za unos.
2. Popis podataka ima id atribut "preglednici".
3. Unutar popisa podataka nalazi se pet elemenata opcija, svaki s atributom vrijednosti koji sadrži naziv web preglednika (Chrome, Firefox, Internet Explorer, Opera i Safari).
4. Ove vrijednosti će se koristiti kao prijedlozi kada korisnik upisuje u polje za unos povezano s ovim popisom podataka.

Što je datalist tag

HTML oznaka se koristi za pružanje značajke "autocomplete" na elementi. Nudi popis unaprijed definiranih opcija koje se sugeriraju korisniku dok tipka. Element datalist koristi se za pružanje značajke "autocomplete" na elementi. Nudi popis unaprijed definiranih opcija koje se sugeriraju korisniku dok tipka. Kada se koristi, navodi popis unaprijed definiranih opcija za element. Preglednik prikazuje samo one opcije koje su relevantne za ono što je korisnik do sada upisao u polje za unos.

Koja je razlika između Datalist-a i dropdown-a

Datalist je HTML element koji pruža popis opcija koje korisnik može odabrati. Sličan je padajućem izborniku, ali glavna je razlika u tome što korisnicima omogućuje unos vlastitih vrijednosti. Korisnik može upisivati ​​u polje za unos, a popis podataka će dati prijedloge na temelju onoga što su upisali. Padajući izbornik, s druge strane, omogućuje korisnicima samo odabir između unaprijed definiranih opcija. Osim toga, s popisom podataka korisnici mogu upisati bilo koju vrijednost koju žele čak i ako nije navedena kao opcija.

Kako koristiti popis podataka u HTML obliku

HTML element se koristi za pružanje značajke "autocomplete" na elementi. Koristi se za pružanje popisa unaprijed definiranih opcija korisniku dok unose podatke.

Da biste koristili element datalist, prvo morate stvoriti HTML obrazac s element i dodijelite mu atribut id. Zatim možete dodati element datalist unutar obrasca i postaviti njegov atribut popisa jednak ID-u polja za unos. Unutar popisa podataka možete dodati jedan ili više njih

Na primjer:


Povezani postovi:

Ostavite komentar