type - Kurs HTML i CSS
Wyszukiwarka / Wyszukiwanie w podanym serwisie<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="sitesearch" value="domena"> <input type="submit" value="Szukaj"> </form> gdzie jako "domena" należy wpisać adres strony, np. www.google.pl. Wyszukiwanie stron z Twojego serwisu może być niemożliwe jeśli nie posiadasz domeny lub subdomeny! Ponadto należy pamiętać, że aby przeszukiwanie serwisu mogło się odbyć, najpierw należy...
Selektory pseudoklas CSS / Zaznaczenie :checked...wpisaniu w arkuszu stylów: input:checked, option:checked { margin-left: 30px } a w dowolnym miejscu strony: <form action="?"> <fieldset> <input type="radio" checked name="pole_opcji"> <input type="radio" name="pole_opcji"> </fieldset> <fieldset> <input type="checkbox" checked> <input type="checkbox"> </fieldset> <select size="3"> <option selected>Opcja 1</option> <option>Opcja 2</option> <option>Opcja 3</option> </select> </form> otrzymamy formularz, w którym...
- Selektory pseudoklas CSS / Domyślne :default
...stylów: input:default, option:default, button:default { margin-left: 30px } a w dowolnym miejscu strony: <form action="?"> <fieldset> <input type="radio" checked name="pole_opcji" class="przyklad_domyslne"> <input type="radio" name="pole_opcji" class="przyklad_domyslne"> </fieldset> <select size="3"> <option selected class="przyklad_domyslne">Opcja 1</option> <option class="przyklad_domyslne">Opcja 2</option> <option class="przyklad_domyslne">Opcja 3</option> </select> <div>...
HTML5 / Tryb wpisywania <... inputmode>...atrybutu inputmode="...". Warto zauważyć, że niektóre wartości atrybutu trybu wpisywania odpowiadają typom pól formularza: inputmode="text" i type="text" inputmode="tel" i type="tel" inputmode="email" i type="email" inputmode="search" i type="search" Różnica między nimi polega na tym, że wartość trybu wpisywania wskazuje jedynie, jakiego rodzaju klawiaturę ekranową powinno wyświetlić urządzenie mobilne, podczas gdy typ pola może nie tylko przełączyć odpowiednią klawiaturę ekranową...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...razu zerując go: ol { counter-reset: nazwa_licznika } Usuwamy domyślne numerowanie wykazu, aby nie kolidowało z automatycznym: ol li { list-style-type: none } Następnie dla kolejnych punktów i podpunktów wykazu wyświetlamy aktualną wartość licznika na początku treści, a następnie zwiększamy tą wartość o jeden - dla następnego punktu lub podpunktu: ol li:before { content: counters(nazwa_licznika, ".") ". "; counter-increment: nazwa_licznika } Oto efekt: Punkt pierwszy (1.) Podpunkt...
- Tekst HTML / Zagnieżdżanie wykazów
...Punkt I.1.a Punkt I.1.a.(1) Punkt I.1.a.(2) Punkt I.1.b Punkt I.2 Punkt drugi A oto co należy wpisać, aby otrzymać ostatni wykaz: <ol type="I"> <li>Punkt pierwszy <ol type="1"> <li>Punkt I.1 <ol type="a"> <li>Punkt I.1.a <ul> <li>Punkt I.1.a.(1)</li> <li>Punkt I.1.a.(2)</li> </ul> </li> <li>Punkt I.1.b</li> </ol> </li> <li>Punkt I.2</li> </ol> </li> <li>Punkt drugi</li> </ol> Pytania i odpowiedzi <ul, ol, li> Co można uzyskać poprzez zagnieżdżanie...
- Wyszukiwarka / Wyszukiwanie w całym światowym Internecie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="submit" value="Szukaj"> </form> Jeśli dokumenty w Twoim serwisie korzystają z innej strony kodowej niż utf-8, wstaw w wyróżnionym miejscu jej nazwę. Przykład
- Formularze HTML / Hasło <input "password">
Spis treści <input "password"> Hasło <input "password"> Strona na hasło Hasło <input "password"> <form action="..."> <input type="password" name="nazwa"> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Nazwa nie powinna być zbyt długa! Wprowadza pole, w którym można wpisać hasło. Od zwykłego pola tekstowego różni się tylko tym, że podczas wpisywania do niego tekstu, nie są widoczne podawane znaki, ale jedynie gwiazdki ("*")...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...<input "reset" disabled> Potwierdzenie wyczyszczenia formularza <form onreset> Wyczyszczenie danych <input "reset"> <form action="..."> <input type="reset" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny napis, np.: "Resetuj". Komenda wyświetla na ekranie przycisk, po naciśnięciu którego, nastąpi wyczyszczenie wszystkich udzielonych do tej pory odpowiedzi w...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...height APPLET OBJECT height TD, TH CSS: height hspace APPLET, IMG, OBJECT CSS: margin-left, margin-right language SCRIPT type="..." link BODY CSS: :link name APPLET OBJECT noshade HR CSS: border-style nowrap TD, TH CSS: white-space object APPLET OBJECT prompt ISINDEX INPUT size BASEFONT, FONT CSS: font-size size HR CSS: height start OL CSS: counter-reset text BODY CSS: color type LI, OL, UL CSS: list-style-type...