Jak w HTML5 można dostarczyć użytkownikowi listę predefiniowanych sugestii dla pola <input type="text">, które pojawią się podczas wpisywania, ale nie ograniczą możliwości wprowadzenia przez użytkownika zupełnie innej, własnej wartości?
Jak w HTML5 można dostarczyć użytkownikowi listę predefiniowanych sugestii dla pola <input type="text">, które pojawią się podczas wpisywania, ale nie ograniczą możliwości wprowadzenia przez użytkownika zupełnie innej, własnej wartości?
<datalist> zawierającego elementy <option> z sugerowanymi wartościami, a następnie powiązując go z polem <input> poprzez atrybut list w tagu <input>, którego wartością jest id elementu <datalist>.suggestions w tagu <input>, którego wartością jest tablica JavaScript z listą sugestii.<select multiple> i pozycjonując go za pomocą CSS bezpośrednio pod polem <input type="text">.placeholder w tagu <input> i wymieniając w nim kilka sugestii oddzielonych przecinkami.Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: A (Używając elementu <datalist> zawierającego elementy <option> z sugerowany...)
Element <datalist> w połączeniu z atrybutem list w elemencie <input> służy właśnie do tego celu. Użytkownik widzi sugestie z <datalist> (każda opcja w <option>), ale może je zignorować i wpisać dowolną inną wartość. To zapewnia pomoc bez ograniczania swobody wprowadzania danych.
Dlaczego pozostałe opcje są nieprawidłowe?
- B: Atrybut
suggestionsnie jest standardowym atrybutem HTML dla elementu<input>. - C: Element
<select multiple>służy do wyboru wielu opcji z predefiniowanej listy i nie integruje się jako sugestie dla pola tekstowego w ten sposób. - D: Atrybut
placeholdersłuży do wyświetlania krótkiej podpowiedzi lub przykładu formatu w pustym polu i znika, gdy użytkownik zaczyna pisać; nie nadaje się do dynamicznych sugestii.
Chcesz poćwiczyć całą kwalifikację INF.03?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- Instrukcja SELECT w SQLPodstawowe polecenie języka DQL (Data Query Language) w SQL służące do pobierania i filtrowania danych z jednej lub wielu tabel.
- Formularze HTML5 i walidacja po stronie klientaZestaw elementów formularza (<input>, <select>, <textarea>) i wbudowanych atrybutów sprawdzających poprawność danych w przeglądarce przed wysłaniem.
- Metody tablicowe w JS (push, pop, map, filter, forEach, splice)Funkcje wbudowane w prototyp tablic służące do mutowania zawartości, transformacji, filtrowania i iteracji po elementach.
Podobne pytania z działu „Html formularze”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 36 pytań z tego działu.