formularz - Kurs HTML i CSS
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...
- 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...
- Komendy HTML 4.01 / Wykaz elementów
...definicyjna DT wymag/opcj Definicja terminu EM wymag/wymag w linii Wyróżnienie FIELDSET wymag/wymag w bloku Grupa kontrolek formularza FONT wymag/wymag w linii Atrybuty czcionki FORM wymag/wymag w bloku Formularz FRAME wymag/zabr Ramka FRAMESET wymag/wymag Ustawienie ramek H1,H2,H3,H4,H5,H6 wymag/wymag w bloku Nagłówek HEAD opcj/opcj Nagłówek dokumentu HR wymag/zabr w bloku Pozioma linia HTML opcj/opcj Główny...
Selektory pseudoklas CSS / Zaznaczenie :checked(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:checked { cecha: wartość } Selektorem mogą być pola formularza: wyboru, opcji oraz opcje listy rozwijalnej [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre z pól formularzy pełnią rolę przełączników - można je zaznaczać i odznaczać. W związku z tym może się okazać przydatne dodatkowe wizualne...