select - Kurs HTML i CSS
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ą...
- 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...
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>...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...strony. Jak ustawić domyślny fokus w HTML? Domyślny fokus w HTML można ustawić, dodając atrybut autofocus np. do tagu <input>, <textarea> lub <select>. Na przykład, <input type="text" name="search" autofocus> sprawi, że pole wyszukiwania będzie automatycznie zaznaczone po załadowaniu strony. Jak ustawić fokus na konkretnym elemencie HTML? Aby ustawić fokus na konkretnym elemencie HTML, należy dodać atrybut autofocus do tego elementu, jak w <input type="text" id="myInput...
Selektory pseudoklas CSS / Zaznaczenie :checked...<input type="radio" name="pole_opcji"> </fieldset> <fieldset> <input type="checkbox" checked> <input type="checkbox"> </fieldset> <select size="3"> <option selected>Opcja 1</option> <option>Opcja 2</option> <option>Opcja 3</option> </select> </form> otrzymamy formularz, w którym zaznaczone pola mają dodatkowy margines z lewej strony (aby to sprawdzić zmień zaznaczenie wybranych kontrolek): Opcja 1 Opcja 2 Opcja 3 Zaznaczona opcja listy rozwijalnej (ostatnia...
- Selektory pseudoklas CSS / Domyślne :default
...type="radio" checked name="pole_opcji" class="przyklad_domyslne"> <input type="radio" name="pole_opcji" class="przyklad_domyslne"> </fieldset> <select size="3"> <option selected class="przyklad_domyslne">Opcja 1</option> <option class="przyklad_domyslne">Opcja 2</option> <option class="przyklad_domyslne">Opcja 3</option> </select> <div> <button type="submit">Wyślij</button> <button type="reset">Wyczyść</button> </div> </form> otrzymamy formularz, w którym domyślne kontrolki mają...
- Formularze HTML / Pole tekstowe <input "text">
Spis treści <input "text"> Pole tekstowe <input "text"> Odpowiedź domyślna <input "text" value> Długość pola <input "text" size> Maksymalna ilość znaków, które można wpisać do pola <input "text" maxlength> Pole tylko do odczytu <input "text" readonly> Blokada pola <input "text" disabled> Tabulator <input text tabindex> Pole tekstowe <input "text"> <form action="..."> <input type="text" name="nazwa"> </form> lub <form action="..."> <input name="nazwa"> </form> gdzie jako "nazwa...
Formularze HTML / Podcast HTML...kursu: Opanuj formularze HTML! Twórz interaktywne ankiety i formularze zamówień. Poznaj elementy: pola tekstowe, hasła, checkbox/radio, listy select i textarea. Dowiedz się, jak bezpiecznie przesyłać dane (SSL) i stosować JavaScript do walidacji przed wysłaniem. 🔊 Posłuchaj podcastu HTML
- Formularze HTML / Przycisk <button>
<button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "button" - zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić...