formularzy - Kurs HTML i CSS
Formularze HTML / Pole tekstowe <input "text">...umieszczać pomiędzy tymi samymi znacznikami <form> oraz </form> (zobacz: Ramy formularza). Oczywiście w pojedynczym dokumencie można umieścić kilka formularzy - wtedy wstawiamy klika znaczników <form>...</form>, dla każdego formularza osobno. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat jeszcze bardziej zaawansowanych funkcji pola tekstowego, zobacz rozdział HTML5: Autouzupełnianie, Kapitalizacja tekstu, Blokada autouzupełniania, Zogniskowanie, Klawisz Enter...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
Do wysyłania formularzy opisanych w tym rozdziale konieczny jest program pocztowy, np. MS Outlook, Mozilla Thunderbird lub inny. Program taki musi posiadać zainstalowany i skonfigurowany w swoim systemie operacyjnym użytkownik, który chce wysłać do nas formularz pocztowy. Problem w tym, że część użytkowników w ogóle takiego programu nie posiada, ponieważ swoją pocztę odczytują za pomocą tzw. aplikacji webmail, czyli specjalnej strony WWW. Takie strony-aplikacje udostępniają wszystkie duże...
- HTML5 / Walidacja pól formularza <input pattern>
...(np. minimalna długość hasła). W efekcie formularz nie zostanie przesłany, dopóki błędy nie zostaną poprawione. Jakie elementy walidacji formularzy pojawiły się w języku HTML5? W HTML5 wprowadzono wiele nowych elementów i atrybutów ułatwiających walidację formularzy, takich jak: typy pól email, url, number; atrybuty required, pattern="...", min="...", max="...", minlength="...", maxlength="..."; oraz atrybut novalidate do wyłączania walidacji. Te narzędzia pozwalają na...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...który pojawia się nad inną treścią po interakcji użytkownika (np. kliknięciu przycisku). Popover służy do wyświetlania dodatkowych informacji, formularzy lub opcji w małym okienku, bez opuszczania aktualnej strony. Kiedy używać popover? Popover jest używany, gdy chcesz pokazać dodatkową zawartość, która nie musi być widoczna przez cały czas, ale powinna być łatwo dostępna w odpowiednim momencie, np. podczas wypełniania formularza lub wyboru opcji. Można go zastosować do...
- Formularze HTML / Formularz na stronie internetowej
...być przesłany pocztą elektroniczną e-mail (prosty formularz pocztowy) i odebrany przez adresata. Istnieje wiele programów wspomagających odbieranie formularzy i grupowe wysyłanie listów na ich podstawie, przez co czynność ta może stać się mniej żmudna. Są to zarówno aplikacje w postaci programów instalowanych tradycyjnie, jak i specjalne skrypty wykonywane bezpośrednio w przeglądarce (np. PHP).
- Formularze HTML / Wyczyszczenie danych <input "reset">
...to zrobić. Dzięki temu wyeliminujemy możliwość przypadkowego naciśnięcia przycisku "reset". Ma to szczególne znaczenie zwłaszcza w przypadku długich formularzy, przy których ponowne wpisywanie wszystkich danych trwałoby dość długo. Aby potwierdzić wyczyszczenie formularza, należy do znacznika <form> dodać atrybut onreset="...": <form action="adres" method="post" onreset="if (!confirm('Czy na pewno chcesz wyczyścić cały formularz?')) return false">...</form> Przykład <form onreset> Wpisz tu...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...skrótów powinien być używany znacznik ABBR APPLET - w zamian należy używać znacznika OBJECT ISINDEX - może zostać zastąpiony przez kontrolki formularzy DIR - w zamian należy używać znacznika UL Przestarzałe znaczniki XHTML5 NOSCRIPT - nie może być używany w języku XHTML5 w przypadku serwowania dokumentu z typem MIME "application/xhtml+xml"; element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...znaczenie (tzw. "escape character"). W trybie Quirks przeglądarka Firefox i Opera obsługuje pseudoklasę :hover tylko dla odsyłaczy, obrazków i pól formularzy, chyba że selektor zawiera dodatkowo nazwę znacznika, identyfikator lub atrybuty. W trybie Quirks Opera zawsze powiększa wysokość bloku w taki sposób, aby mieściła się w nim jego zawartość. Natomiast w trybie zgodności ustawienie wartości height jest prawidłowo uwzględnianie. Źródło: CSS Enhancements in Internet Explorer 6 (Microsoft)
- Formularze HTML / Alternatywny sposób wysłania formularza
Niestety opisany w tym rozdziale sposób wysyłania prostych formularzy pocztowych nie zawsze działa poprawnie 🙁 Na przykład może się zdarzyć, że zamiast automatycznego wysłania formularza, otworzy się program pocztowy z pustą wiadomością. Wysłanie takiego listu oczywiście nie przyniesie żadnych korzyści, ponieważ nie będzie on miał treści. Sposobem na ominięcie tej luki może być skorzystanie ze skryptu PHP, który potrafi wysłać formularz w ogóle bez potrzeby używania programu pocztowego przez...
- HTML5 / Autouzupełnianie <datalist>
...<option value="wartość1"> <option value="wartość2"> ... </datalist> Większość przeglądarek posiada funkcję tzw. autouzupełniania elementów formularzy. Jeżeli użytkownik wpisze coś w formularzu, a potem go wyśle, to kiedy będzie następnym razem wypełniał ten sam formularz, przeglądarka wyświetli mu podpowiedzi w postaci wartości, które wcześniej wpisywał w wybranych polach. Taki mechanizm jest bardzo wygodny, ponieważ pozwala zaoszczędzić użytkownikowi sporo czasu na wprowadzaniu...