text - Kurs HTML i CSS
HTML dla zielonych / Gotowiec HTML...(zobacz: Ramy dokumentu). Brak podobnej linijki w nagłówku strony albo istniejące wpisy typu: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> są poważnym błędem, który spowoduje niepoprawne wyświetlanie polskich znaków w przeglądarce!
Kursory CSS / Kolor karetki tekstowej {caret-color}...Opera 44, Chrome 57) selektor { caret-color: kolor } Selektorem może być element interaktywny, w którym użytkownik może wpisywać tekst, np. textarea, input[type="text"]. Natomiast jako "kolor" należy podać definicję koloru albo wartość auto (zresetowanie karetki testowej do domyślnego koloru). W przypadku interaktywnych elementów strony, w których można wpisywać tekst, pojawia się tzw. karetka. Wskazuje ona miejsce, w którym pojawią nowe znaki tekstu, kiedy zaczniemy je wpisywać z...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
...W przypadku kiedy przeglądarka nie będzie obsługiwać nowych typów kontrolek, na ekranie zostanie wyświetlone zwykłe pole tekstowe (<input type="text">). Co prawda wtedy efekt końcowy nie będzie zgody z oczekiwaniami, ale przynajmniej nie ma obawy, że użytkownik w ogóle nie będzie w stanie prawidłowo wypełnić takiego formularza. Zrobi to, wpisując odpowiednią wartość ręcznie. Przykład <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week"> Zobacz...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
...Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość atrybutu id="..." przypisaną wcześniej do znacznika FORM. Każdy formularz w tym samym dokumencie musi mieć inny identyfikator, ale do tego samego formularza może się odnosić wiele pól. W języku HTML 4.01 wszystkie kontrolki formularza musiały się znajdować...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
...<input type="submit" value="Wyślij na adres 1, w nowym oknie, pomiń walidację danych" formaction="button1.php" formmethod="get" formenctype="text/plain" formnovalidate formtarget="_blank"> <input type="submit" value="Wyślij na adres 2" formaction="button2.php"> <input type="submit" value="Wyślij na adres domyślny"> </form>
- HTML5 / Pominięcie walidacji formularza <form novalidate>
...oznaczenia pola jako obowiązkowe, użytkownik będzie mógł wysłać formularz, nawet jeżeli go nie wypełni: <form action="?" novalidate> <input type="text" value="nazwa" required> </form> Pytania i odpowiedzi <form novalidate> Co to znaczy walidacja formularza? Walidacja formularza to proces sprawdzania poprawności danych wprowadzonych przez użytkownika przed ich przesłaniem. Polega na upewnieniu się, że wszystkie wymagane pola są wypełnione, dane mają odpowiedni format (np. adres e-mail)...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 12.1, Chrome 4) Pole tekstowe: <input placeholder="podpowiedź"> Obszar tekstowy: <textarea placeholder="podpowiedź">...</textarea> podpowiedź Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
Pola podstawowe: <input type="typ" required> Lista rozwijalna: <select required>...</select> Obszar tekstowy: <textarea required>...</textarea> typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5 - z wyjątkiem: hidden, image, button, submit, reset. Atrybut logiczny (wstawiany bez wartości) required pozwala wskazać, że oznaczone nim pole jest obowiązkowe. Jeśli użytkownik go nie wypełni, nie będzie mógł w ogóle wysłać formularza. Przy takiej próbie przeglądarka może pokazać...
- HTML5 / Kategorie elementów HTML5
W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować. Kategorie zawartości są ze sobą powiązane w następujący sposób (niektóre elementy mogą należeć również do...