pole - Kurs HTML i CSS
HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>...data datetime-local - data i czas lokalny email - adres poczty e-mail month - miesiąc number - liczba range - przedział liczbowy search - pole wyszukiwania tel - numer telefonu time - czas url - adres URL week - tydzień w roku [Zobacz również: Formularze] Znany ze specyfikacji HTML 4.01 element INPUT, tworzy większość rodzajów kontrolek formularzy. O tym, jaki typ elementu zostanie wyświetlony na ekranie, decyduje wartość atrybutu type="...". W języku HTML5 wprowadzono wiele...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...to jest funkcja autofocus? Funkcja autofocus w HTML jest używana do automatycznego ustawienia fokusu na określonym elemencie formularza, takim jak pole tekstowe, gdy strona jest załadowana. Na przykład, używając <input type="text" name="username" autofocus>, przeglądarka automatycznie ustawi kursor w polu username podczas ładowania strony. Jak ustawić domyślny fokus w HTML? Domyślny fokus w HTML można ustawić, dodając atrybut autofocus np. do tagu <input>, <textarea> lub <select>. Na...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
...nadany formularzowi (atrybutem id="..."). Przykład <form, input form> <form action="?" id="formularz"></form> <input type="text" name="pole" form="formularz">
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na początku wpisana w pole w postaci wyszarzonego tekstu, który zniknie po umieszczeniu w nim kursora tekstowego przez użytkownika i rozpoczęciu wpisywania właściwej wartości. Przykład <input placeholder> <input type="search" name="q" placeholder="Szukaj w serwisie..."> Zobacz przykład: placeholder="..." Pytania i odpowiedzi <input placeholder, textarea...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
...Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element spellcheck="pisownia">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich pisownia Należy podać jedną z poniższych wartości: true - pisownia i gramatyka będą...
- HTML5 / Blokada autokorekty <... autocorrect>
...Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element autocorrect="autokorekta">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5 - z wyjątkiem: url, email, password TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich autokorekta Należy podać jedną z poniższych wartości: on - błędy pisowni będą...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...pierwszym wierszu musi być poprzedzony znakiem krzyżyka (#). Na jednej stronie nie mogą się znajdować dwie mapy o takiej samej nazwie! (...) Dalsze polecenia typu: <area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny">, które stworzą następne aktywne pola na obrazku. kształt Kształt obszaru w mapie odsyłaczy: rect - pole ograniczone prostokątem poly - pole ograniczone wielokątem nieregularnym circle - koło współrzędne "xp,yp, xk,yk" - w przypadku prostokąta...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...robots"> <head> <meta name="robots" content="dyrektywy"> </head> gdzie jako "dyrektywy" należy wpisać: "index" - strona, na której wstawiono polecenie, będzie indeksowana przez roboty sieciowe (indeksery) - domyślnie "noindex" - strona, na której wstawiono polecenie, nie będzie indeksowana "follow" - przechodzenie do stron, do których odnoszą się odsyłacze, znajdujące się w dokumencie - domyślnie "nofollow" - robot nie przechodzi do stron stron wskazywanych przez odsyłacze wstawione...
- Komendy HTML 4.01 / ISINDEX
Jednoliniowe pole tekstowe (zdeprecjonowane - należy używać INPUT). Atrybuty: 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 ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.)...
Formularze HTML / Ćwiczenia...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 przeglądarce internetowej Twoją stronę z utworzonym formularzem, wypełnij go przykładowymi...