formularzy - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...Stosuj inny tytuł na każdej podstronie Używaj tytułów nagłówkowych Dla każdego widocznego pola formularza używaj znaczników label Grupuj pola formularzy znacznikami fieldset, a nie div Tam gdzie to tylko możliwe, używaj znaczników, które najbardziej szczegółowo oddają znaczenie elementów W dokumentach używaj tylko tyle znaczników i atrybutów, ile faktycznie jest niezbędne Nie używaj pustych elementów (znaczników) Nie dodawaj na stronie tekstu tylko po to, żeby go ukryć bez żadnego...
HTML5 / Nowe elementy HTML5...osadzonych zaliczamy również: IMG, IFRAME, OBJECT, PARAM, MAP, AREA, MATH, SVG. Formularze Umożliwiają wstawienie na stronie interaktywnych formularzy, które po wypełnieniu przez użytkownika mogą zostać wysłane na serwer, poprzez e-mail lub obsłużone przez skrypty działające w przeglądarce. DATALIST Tworzy listę rozwijaną (kombi) dla elementu INPUT. OUTPUT Pewien rodzaj danych wyjściowych, np. wynik obliczeń ze skryptu. PROGRESS Stopień ukończenia zadania - np. pobierania albo...
- Formularze HTML / Ramy formularza HTML <form>
...pre, address, ins, del. Użytkownicy, którzy nie skonfigurowali w swoim systemie operacyjnym programu pocztowego, nie będą mogli wysyłać tego typu formularzy! Rozwiązaniem może być użycie dowolnego darmowego komponentu automatycznie wysyłającego formularz albo zastosowanie skryptu np. PHP. Zapoznaj się również z punktem pt. Alternatywny sposób wysłania formularza. Każdy formularz składa się z różnych typów pól, dzięki którym użytkownik może wprowadzać dane. Są to np. pola do wpisywania...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5. Przeglądarki często posiadają wbudowaną funkcję automatycznego uzupełniania formularzy. Najczęściej odbywa się to w formie rozwijanej listy poniżej pól tekstowych, na którą użytkownik może przejść wciskając klawisz kursora w dół i zaakceptować wybór klawiszem Enter. Na liście wyświetlają się podpowiedzi, które użytkownik wcześniej wpisywał do tego pola. Nie zawsze jednak jest to korzystne. Jeżeli użytkownik na publicznie...
- HTML5 / Kategorie elementów HTML5
...a czasami jest zawartością interaktywną. Ponadto jeszcze inne kategorie (patrz tabela poniżej) są używane do specyficznych celów, np. elementy formularzy są określane za pomocą kilku kategorii, aby zdefiniować wspólne wymagania. Niektóre elementy mają unikalne wymagania i nie mieszczą się w żadnej szczególnej kategorii. Kategoria Opis Elementy metadane (ang. metadata content) Definiuje sposób prezentacji lub zachowania reszty zawartości, albo określają relacje dokumentu z innymi...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...wysyłana wartość tylko tego, za pomocą którego został on wysłany - tzn. tego, który został kliknięty. Dzięki temu w niektórych przypadkach prostych formularzy nie trzeba wstawiać dodatkowych pól typu RADIO, a wystarczy umieścić po prostu kilka różnych przycisków wysyłających. Nie dotyczy to alternatywnego sposobu wysyłania formularzy - wtedy trzeba stosować metody konwencjonalne. Przykład <input "submit" name> <form action="mailto:e-mail" method="post"> <input type="submit" name="opcja...
- Ikony (symbole) / Formatowanie tekstu
...Formatuj kształty format_shapes format_shapes Usuń folder folder_delete folder_delete Dodaj do Dysku add_to_drive add_to_drive Dodatek do formularzy forms_add_on forms_add_on Wyszukiwanie obrazu imagesearch_roller imagesearch_roller Plik wideo video_file video_file Widok dnia w kalendarzu calendar_view_day calendar_view_day Pobierz czcionkę font_download font_download Formatuj listę numerowaną Rtl format_list_numbered_rtl format_list_numbered_rtl Połącz wewnętrznie join_inner...
- 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...