formularz - Kurs HTML i CSS
HTML5 / Pominięcie walidacji formularza <form novalidate>...Chrome 10) <form novalidate>...</form> novalidate to atrybut logiczny (wstawiany bez wartości), który pozwala pominąć wszelką weryfikację pól formularza. Oznacza to, że użytkownik będzie mógł wysłać formularz, nawet jeżeli nie wypełni wszystkich obowiązkowych pól albo poda nieprawidłowe wartości (np. wpisze adres e-mail w niepoprawnym formacie). Przykład <form novalidate, input required> Mimo oznaczenia pola jako obowiązkowe, użytkownik będzie mógł wysłać formularz, nawet jeżeli go...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...do ustawień przeglądarki użytkownika. Można w ten sposób wskazywać: Wybór języka - specjalna strona, która nie zawiera właściwej treści, a jedynie formularz bądź linki z możliwością wyboru określonej wersji językowej serwisu Komunikat błędu - strona informująca, że nie ma wersji aktualnego dokumentu odpowiadającej językowi, którym posługuje się użytkownik Domyślny język - podstawowa wersja językowa bieżącego dokumentu, która mimo wszystko powinna zostać wyświetlona, nawet jeśli użytkownik...
Formularze HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Na podstronie kontakt.html dodaj formularz kontaktowy kierujący na Twój adres e-mail. W formularzu umieść następujące pola: Temat - pole tekstowe o nazwie name="subject" Wiadomość - obszar tekstowy o nazwie name="body" Wyślij - przycisk wysłania formularza Anuluj - przycisk wyczyszczenia danych Jeżeli masz skonfigurowane na swoim komputerze konto w programie pocztowym, otwórz w...
- 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...
- Ikony (symbole) / Akcje interfejsu użytkownika
...select_all Dopasuj do ekranu fit_screen fit_screen Małe zaznaczenie check_small check_small Ukryj źródło hide_source hide_source Dynamiczny formularz dynamic_form dynamic_form Przesuń w prawo swipe_right swipe_right Przeglądaj galerię browse_gallery browse_gallery Dodaj skrót dostępu przełącznika switch_access_shortcut_add switch_access_shortcut_add Mała gęstość density_small density_small CSS css css Kierunek asystenta assistant_direction assistant_direction Przesuń w górę...
- HTML5 / Nagłówek <header>
...Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy nowej sekcji w dokumencie (zobacz: "Sekcje / Nagłówki sekcji" w rozdziale...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...(...) </select> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem (wysłane zostaną również wpisane możliwości odpowiedzi). Jeśli chcemy, aby w formularzu zostały przesłane inne wartości niż treść znaczników <option>...</option>, można wprowadzić dla tych znaczników dodatkowe atrybuty value="wartość". Ich treść może się różnić od tekstu wpisanego po znaczniku <option>...</option>. Atrybuty...
- Formularze HTML / Obszar tekstowy <textarea>
...domyślnie</textarea> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które mogą się jednocześnie zmieścić w polu, bez jego przewijania. Polecenie to wyświetla na ekranie wieloliniowe pole tekstowe (obszar tekstowy). Pozwala ono na wprowadzenie pewnego dłuższego komentarza przez użytkownika, który wypełnia formularz. Można...
- Formularze HTML / Selektor plików <input "file">
...<input type="file" name="nazwa"> </form> gdzie jako "nazwa" należy wpisać krótką nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Polecenie wprowadza selektor plików, składający się z dwóch pól: pola tekstowego, w którym wpisuje się ścieżkę dostępu do pliku, przycisku, po naciśnięciu którego, można przeszukać 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...
- HTML5 / Grupowa blokada pól formularza <fieldset disabled>
...Element FIELDSET może mieć przypisany atrybut logiczny (wstawiany bez wartości) disabled. Spowoduje on zablokowanie wszystkich pól formularza objętych tym znacznikiem. Przykład <fieldset disabled, legend, input> Wszystkie poniższe pola formularza powinny zostać zablokowane: <fieldset disabled> <legend>Formularz</legend> <input type="text" name="pole"> <input type="radio" name="opcja" value="1"> <input type="radio" name="opcja" value="2"> </fieldset> Zobacz przykład...