formularza - Kurs HTML i CSS
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ć...
- Formularze HTML / Grupowanie pól <fieldset, legend>
Wersja podstawowa: <fieldset> (Pola formularza) </fieldset> Wersja z tytułem: <fieldset> <legend>Tytuł</legend> (Pola formularza) </fieldset> Pozwala zgrupować tematycznie kilka pól formularza, dzięki czemu zostają one objęte ramką. Wygląd ramki grupującej może się różnić w zależności od przeglądarki. W drugiej z podanych wersji powoduje pojawienie się tytułu na ramce grupującej. UWAGA! Znacznik <legend>...</legend> (tytuł ramki grupującej) musi znajdować się bezpośrednio po...
- Komendy HTML 4.01 / INPUT
...plików hidden - ukryta kontrolka (nie jest wyświetlana, ale jej wartość jest przesyłana z formularzem) image - graficzny przycisk wysłania formularza password - jednoliniowe pole tekstowe z ukrytym wpisywanym tekstem (np. seria gwiazdek) radio - przełącznik (pole opcji) reset - przycisk czyszczenia danych formularza submit - przycisk wysłania formularza text - jednoliniowe pole tekstowe (domyślnie) USEMAP="adres" Wiąże mapę odnośników (MAP) z elementem (wartość tego atrybutu...