atrybut - Kurs HTML i CSS
HTML5 / Grupowa blokada pól formularza <fieldset disabled>(interpretuje: Firefox 4, Opera 10, Chrome 20) <fieldset disabled>...</fieldset> 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...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
...Pole wysłania formularza - cel: <input type="typ" formtarget="cel"> akcja kodowanie metoda cel Oznaczają to samo, co analogiczne atrybuty znacznika FORM. Natomiast formnovalidate jest odpowiednikiem atrybutu logicznego novalidate. typ Wartość submit lub image [zobacz Wysłanie formularza] Czasami zachodzi potrzeba, aby ten sam formularz mógł być wysłany na różne adresy URL, w zależności od przycisku, który użytkownik kliknie. Dotychczas nie było to możliwe bez...
- HTML5 / Element bierny <... inert>
...inert> Element ze znacznikiem zamykającym (np. DIV): <element inert>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 inert to atrybut logiczny (wstawiany bez wartości), sprawiający, że element przestaje być interaktywny - tzn.: Użytkownik nie będzie w stanie zaznaczyć tekstu takiego elementu. Nie będzie możliwości edytowania zawartości w polach formularzy ani elementach z atrybutem contenteditable="true". Zawartość, tak oznaczonego elementu, jest ignorowana podczas...
- HTML5 / Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
...składającego się przynajmniej z podanej liczb znaków (minlength="...") lub/i uniemożliwić wprowadzenie za długiego tekstu (maxlength="..."). Oba te atrybuty można stosować wspólnie lub osobno. Warto zauważyć, że atrybut maxlength="..." był dostępny już w języku HTML 4.01, ale można go było przypisać tylko do zwykłego pola tekstowego. HTML5 pozwala zrobić to również dla obszaru tekstowego. Natomiast minlength="...", jest zupełnie nowym atrybutem HTML5.
- HTML5 / Tryb wpisywania <... inputmode>
...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 tryb Należy podać jedną z poniższych wartości: none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na stronie wyświetlamy własną kontrolkę...
- 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 / Zawijanie tekstu w formularzu <textarea wrap>
...podczas jego wpisywania - nawet w miejscach, w których użytkownik nie używał klawisza Enter. W tym celu do pola obszaru tekstowego wystarczy dodać atrybut wrap="hard".
- HTML5 / Kategorie elementów HTML5
...(ang. listed elements) Oznaczają elementy, które są wymienione w interfejsach API form.elements oraz fieldset.elements. 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...
Selektory atrybutów CSS / Łączenie selektorów atrybutów...po sobie (bez żadnych odstępów). W takim przypadku, aby wybrany element otrzymał określone formatowanie, musi posiadać wszystkie z wyszczególnionych atrybutów z ewentualnymi przypisanymi określonymi wartościami. Przykład Przypisujemy czerwony kolor czcionki akapitom, które posiadają atrybut class o dowolnej wartości, dir="ltr", title z wyrazem akapit oraz lang rozpoczynający się od pl z ewentualnymi łącznikami: p[class][dir="ltr"][title~="akapit"][lang|="pl"] { color: red } Ten akapit...
- Selektory pseudoklas CSS / Odsyłacz podstawowy :link
...gdzie litera "a" na początku deklaracji, jest selektorem odsyłacza [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla wszystkich podstawowych odsyłaczy na stronie czyli takich, które nie zostały jeszcze odwiedzone przez użytkownika. Ponieważ pseudoklasa :link odnosi się tylko do odsyłaczy, w regule stylu można pominąć...