formularza - Kurs HTML i CSS
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 / Rozmiary przycisku obrazkowego <input "image" width height>
...zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania formularza. Jeśli tego nie zrobimy, zanim obrazek się załaduje, przeglądarka zarezerwuje dla niego na stronie domyślną wolną przestrzeń. Zwykle nie będzie ona dokładnie odpowiadać rzeczywistym rozmiarom grafiki. Dlatego po załadowaniu obrazka, elementy strony w pobliżu i poniżej niego mogą przeskoczyć w dół lub na bok. Jeśli użytkownik dokładnie w...
- 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ą...
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...
- Tekst CSS / Tryb pisania {writing-mode}
...obszar tekstowy lista rozwijalna opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.
- Tekst CSS / Orientacja tekstu {text-orientation}
...obszar tekstowy lista rozwijalna opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.
Indeks, wyszukiwarka / WyszukiwarkaBardzo pomocne dla użytkowników może okazać się wstawienie formularza wyszukiwania na wszystkich stronach serwisu. Aby to zrobić, należy wstawić w nagłówku strony (<head>...</head>) odwołanie do pliku indeks.js: <script src="indeks.js"></script> Nie trzeba natomiast wstawiać odwołania do skryptu indeks_hasla.js, w którym znajduje się lista haseł. Następnie w wybranym miejscu strony wystarczy wkleić: <script> var indeks = new Indeks('indeks'); indeks.wstawWyszukiwarke('adres'); </script>...