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...
- 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)
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...wyswietl(); return false">' + '<input type="text" name="haslo" size="30" onkeyup="' + this.id + '.zaznacz()" class="text">' + '<div><select name="hasla" size="' + (typeof rozmiar != 'undefined' && rozmiar ? rozmiar : 15) + '" ondblclick="' + this.id + '.wyswietl()">' ); for (var i = 0; i < hasla.length; i++) { document.write('<option value="' + ((typeof adres_bazowy == 'undefined' || !adres_bazowy ? '' : adres_bazowy) + hasla[i][1]).htmlSpecialChars(true)...
- Skórki
...return false">Przywróć wygląd domyślny</a> Alternatywnym sposobem wyboru skórki i przywracania wyglądu domyślnego może być lista rozwijalna: <select id="skin" onchange="if (this.value == '') skin.reset(); else skin.set(this.value)"> <option value="">Wygląd domyślny</option> <option value="/style1.css">Nazwa skórki 1</option> <option value="/style2.css">Nazwa skórki 2</option> <option value="/style3.css">Nazwa skórki 3</option> (...) </select> <script>...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...w treści atrybutów value="..." tekst bez polskich znaków. Atrybut ten można również podać dla znacznika <option>...</option> (lista rozwijalna): <select name="nazwa"> <option value="acelnoszz">ąćęłńóśźż</option> <option value="ACELNOSZZ">ĄĆĘŁŃÓŚŹŻ</option> </select> Zwróć uwagę, że tekst po znaczniku <option> może się różnić od wartości atrybutu value="...". W ten sposób użytkownik wypełniający formularz, zobaczy poprawne polskie litery. Aby automatycznie usunąć polskie znaki z pól i...