select - Kurs HTML i CSS
Formularze HTML / Wysłanie formularza bez programu pocztowego...w formularzu takim znajdują się pola wyboru (<input type="checkbox">) albo lista rozwijalna z możliwością wyboru kilku opcji - typ rozszerzony (<select multiple>...</select>), na końcu nazwy każdego pola typu checkbox oraz w nazwie takiego elementu select, obowiązkowo należy postawić pusty nawias kwadratowy: []. Wewnątrz tych nawiasów nie może być żadnego znaku, nawet spacji! Na przykład: <p>Jaką lubisz muzykę (możesz zaznaczyć więcej możliwości)?</p> <input type="checkbox...
Rozwijane menuWykorzystując element <select>...</select> można stworzyć rozwijane menu, które działa w ten sposób, że po wyborze konkretnej opcji z listy, następuje wczytanie określonej strony (podobnie jak w przypadku odsyłaczy). Może to być przydatne np. jeżeli chcemy zaoszczędzić trochę miejsca na stronie (lista rozwijalna zajmuje tylko jedną linijkę). Ale uwaga! Jeśli przeglądarka użytkownika nie będzie obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w...
- Podcast HTML / #8 Formularze HTML
...można zaznaczyć domyślnie dwóch pól tego typu w tej samej grupie. Lista rozwijalna Wprowadza rozwijane menu (pole kombi). Wprowadzenie listy: <select name="nazwa">, gdzie opcje są definiowane przez znaczniki <option>...</option>. Jeśli chcemy przesłać inne wartości niż treść opcji, należy użyć atrybutu value="..." w znaczniku <option>. Wielokrotny wybór: atrybut multiple w znaczniku <select> pozwala wybrać kilka opcji, zaznaczając je za pomocą klawisza Ctrl. Opcja domyślna: atrybut...
- Przeglądarka zdjęć
...false; f.elements['dalej'].disabled = false; f.elements['koniec'].disabled = false; } f.elements['zdjecia'].selectedIndex = nr; document.getElementById(this.id + '__img').src = f.elements['zdjecia'].options[nr].value; document.getElementById(this.id + '__opis').innerHTML = typeof this.zdjecia[nr][2] != 'undefined' ? this.zdjecia[nr][2] : ''; if (f.elements['auto'].checked) this.przewin(); } this.przewin = function()...
- Formularze HTML / Alternatywny sposób wysłania formularza
...if (f.elements[i].checked) text += url_encode(f.elements[i].name) + '=' + url_encode(f.elements[i].value) + "%0A"; break; case 'select': case 'select-one': case 'select-multiple': for (var j = 0; j < f.elements[i].options.length; j++) { if (f.elements[i].options[j].selected) text += url_encode(f.elements[i].name) + '=' + url_encode(f.elements[i].options[j].value != '' ? f.elements[i].options[j].value : f.elements[i].options[j].text) + "%0A"; }...
- HTML5 / Autouzupełnianie <datalist>
...autouzupełniania, a starsze wyświetlą standardową listę rozwijalną: <input name="nazwa" list="identyfikator"> <datalist id="identyfikator"> <select name="nazwa"> <option value="wartość1" label="skrót1"> <option value="wartość2" label="skrót2"> </select> </datalist> Przykład <datalist> Zobacz przykład: DATALIST
- HTML5 / Nowe atrybuty HTML5
Język HTML5 definiuje nie tylko zupełnie nowe elementy (znaczniki), ale również dodatkowe atrybuty, które można przypisywać również do elementów, które były zdefiniowane już w specyfikacji HTML 4.01. Atrybuty Zastosowanie Opis allow IFRAME Polityka uprawnień, która ma zostać zastosowana do zawartości elementu IFRAME allowfullscreen IFRAME Czy pozwolić zawartości elementu IFRAME na użycie funkcji requestFullscreen() as LINK (rel="preload" lub rel="modulepreload") Potencjalny...
- Komendy HTML 4.01 / Zdarzenia
...zogniskowanie (przeciwne do onfocus) onsubmit Wysłanie formularza (tylko element FORM) onreset Wyczyszczenie formularza (tylko element FORM) onselect Użytkownik zaznaczył tekst w polu tekstowym (tylko INPUT i TEXTAREA) onchange Element został zmodyfikowany i utracił zogniskowanie (tylko INPUT, SELECT i TEXTAREA)
- Ikony (symbole) / Formatowanie tekstu
...Pięciokąt pentagon pentagon Spacja space_bar space_bar Wyrównanie pionowe do środka vertical_align_center vertical_align_center Odznacz deselect deselect Połącz z lewej join_left join_left Formatuj przekreślenie format_strikethrough format_strikethrough Widok dnia view_day view_day Obróć na przód flip_to_front flip_to_front Linia kształtu shape_line shape_line Wszystkie obramowania border_all border_all Formatuj odstępy między wierszami format_line_spacing format_line_spacing...
- Podcast HTML / #9 HTML5
...popovertarget i popovertargetaction do sterowania. required: atrybut logiczny wymuszający wypełnienie obowiązkowego pola formularza (<input>, <select>, <textarea>). pattern: atrybut umożliwiający walidację pól formularza na podstawie wyrażenia regularnego, używany do wpisywania tekstu w niestandardowym formacie, np. kodu pocztowego. novalidate: atrybut logiczny w elemencie <form>, który pomija walidację wszystkich pól formularza przy jego wysyłaniu. placeholder: wyświetla tymczasową...