formularza - Kurs HTML i CSS
HTML5 / Zdarzenia HTML5...elementach dialog, gdy otrzymują żądanie zamknięcia, lub na elementach input, gdy nie dokonano zmiany wyboru pliku. change onchange Elementy formularza Uruchamia się, gdy użytkownik zmienia wartość formularza (patrz również zdarzenie input). click onclick Elementy Normalnie jest to zdarzenie myszy; wywoływane również sztucznie na elemencie przed uruchomieniem jego aktywacji, gdy element jest aktywowany za pomocą urządzenia wejściowego, które nie jest wskaźnikiem (np...
- Komendy HTML 4.01 / Wykaz atrybutów
...Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Ustawienie tekstu w grupach komórek w tabeli align DIV, H1, H2, H3, H4, H5, H6, P Ustawienie (wyrównanie) tekstu align HR...
Dobre praktyki / Przykazania webmastera...zdjęć Strona powinna być czytelna bez grafiki 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...
- 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ć...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...w HTML. Uczeń dodaje prostą interaktywność do formularzy na stronie. Materiały Jak osadzić skrypt JavaScript na stronie? Zdarzenia Ramy formularza HTML Wyczyszczenie danych Pole wyboru Przebieg 15 min - Wprowadzenie do JavaScript Omówienie roli JavaScript w dodawaniu interakcji do strony. Wyjaśnienie znaczenia elementów <script>. Omówienie zasady działania zdarzeń. Omówienie roli i struktury formularzy internetowych. 15 min - Sprawdzanie poprawności formularza...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...więcej niż dwóch opcji wyboru (w miejsce kropek). UWAGA! W zawartości elementu OPTION nie można wpisywać żadnych znaczników. Wygląd pól formularza można zdefiniować bardziej precyzyjnie dzięki możliwościom CSS - np. przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <select, option> Zwróć uwagę, że po kliknięciu tego pola, rozwija się menu, z którego możesz wybrać jedną z kilku opcji. Możliwość 1 Możliwość 2 Możliwość 3 To jest typ...
- Formularze HTML / Obszar tekstowy <textarea>
...HTML5: Kapitalizacja tekstu, Blokada autouzupełniania, Zogniskowanie, Klawisz Enter, , Minimalna i Maksymalna liczba znaków, Podpowiedź pola formularza, Pole obowiązkowe, Sprawdzanie pisowni, Zawijanie tekstu w formularzu. Wygląd pól formularza można zdefiniować bardziej precyzyjnie dzięki możliwościom CSS - np. przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <textarea> To jest przykład pola komentarza bez podania treści domyślnej: Możesz tu coś...
- Formularze HTML / Selektor plików <input "file">
...dysk, aby odnaleźć plik. Selektor plików został wprowadzony teoretycznie po to, aby można było przesłać wybrany plik w załączniku do listu (formularza). Wtedy dla znacznika <form>...</form> należałoby dodatkowo użyć atrybut enctype="multipart/form-data". Niestety nowe przeglądarki generalnie nie interpretują tego polecenia w przypadku prostego formularza pocztowego. Dla zaawansowanych Wysyłanie plików w załączniku jest natomiast obsługiwane m.in. przez PHP (należy wtedy dla znacznika...
- Komendy HTML 4.01 / FORM
...Określa zestawy znaków, akceptowane przez serwer (lista wartości rozdzielonych spacją i/lub przecinkiem) ACTION="adres" Określa sposób obsługi formularza (gdzie go wysłać) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ENCTYPE="typ" Określa typ zawartości, używany do przesyłania danych na serwer (gdy METHOD="post") ID="nazwa...
- HTML5 / Kategorie elementów HTML5
...Elementy te mają również atrybut form="..." oraz odpowiadającą mu właściwość skryptową, które pozwalają autorom określić wyraźnego właściciela formularza. BUTTON, FIELDSET, INPUT, OBJECT, OUTPUT, SELECT, TEXTAREA elementy wysyłalne (ang. submittable elements) Oznaczają elementy, które mogą być używane do konstruowania listy pól podczas przesyłania formularza. BUTTON, INPUT, SELECT, TEXTAREA elementy resetowalne (ang. resettable elements) Oznaczają elementy, które mogą być...