formularza - Kurs HTML i CSS
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ć...
- 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...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są pola i przyciski formularza - takie jak: INPUT (z wyjątkiem type="hidden"), SELECT, TEXTAREA, BUTTON - to tak naprawdę można go użyć dla dowolnego znacznika. Może to poprawić dostępność strony, doświadczenia użytkownika czy funkcjonalność nawigacji. Częstym zastosowanie może być...
- HTML5 / Zawijanie tekstu w formularzu <textarea wrap>
...wrap="zawijanie">...</textarea> zawijanie Należy podać jedną z poniższych wartości: soft - tekst nie zostanie zawinięty w chwili wysyłania formularza, choć może być w taki sposób wyświetlony na ekranie (domyślnie). hard - w momencie wysłania formularza, przeglądarka automatycznie zawinie tekst wpisany w polu, tzn. doda do niego znaki nowej linii, tak aby wyglądał jak na ekranie przed wysłaniem. Treść w obszarze tekstowym formularza zwykle jest wyświetlana w postaci zawiniętej...