button - Kurs HTML i CSS
HTML5 / Automatyczne zogniskowanie <... autofocus>...<input type="password" name="password"> <input type="submit" value="OK"> </fieldset> </form> Pytania i odpowiedzi <input autofocus, button tabindex> Co 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...
Selektory pseudoklas CSS / Domyślne :default...widział, która była opcją domyślą, aby ewentualnie do niej wrócić. Przykład :default Po wpisaniu w arkuszu 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...
Przeglądarka zdjęć...document.write( '<form action="javascript:void(0)" id="' + this.id + '" class="zdjecia">' + '<div class="zdjecia_menu">' + '<input type="button" name="poczatek" value="|<<"' + (nr == 0 ? ' disabled' : '') + ' title="Początek" onclick="' + this.id + '.wyswietl(0)" onkeypress="' + this.id + '.wyswietl(0)">' + '<input type="button" name="wstecz" value=" << "' + (nr == 0 ? ' disabled' : '') + ' title="Wstecz" onclick="' + this.id...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...hasla[i][0].htmlSpecialChars() + '</option>'); } document.write( '</select></div>' + '<input type="submit" value="Wyświetl" class="button" onclick="this.form.submit()"> <input type="button" value="Szukaj" onclick="' + this.id + '.szukaj()" class="button">' + '</form>' + '<div id="' + this.id + '_szukaj"></div>' ); var matches = window.location.search.match(new RegExp('[?&]' + this.id + '=([^&]+)')); if (matches && typeof matches[1] != 'undefined')...
- Tryb Quirks / X-UA-Compatible
...alt="..."> nie wyświetla się już w "dymku" narzędziowym (co było nieprawidłowe) - jak w przypadku title="..." Domyślną wartością atrybutu <button type="...">...</button> jest "submit", a nie jak wcześniej - "button", tzn. jeśli wstawimy przycisk bez tego atrybutu, będzie on wysyłał formularz CSS Przy deklarowaniu alternatywnych arkuszy stylów zapis rel="alternate stylesheet" jest równoważny rel="stylesheet alternate". Własność display - uzupełniona obsługa wartości: table...
- Komendy HTML 4.01 / Zdarzenia
...z formularzami, których kontrolki (pola) służą do wprowadzania danych i wyprowadzania wyników. Przykład <input onclick> Po wpisaniu: <input type="button" value="Kliknij tutaj!" onclick="window.alert('To jest właśnie obsługa zdarzenia, jakim było kliknięcie myszką na przycisku.')"> Otrzymamy: Jak widać aby obsłużyć zdarzenie, należy podać w składni polecenia, czynności które mają zostać wykonane. Najczęściej stosuje się tutaj odwołanie do funkcji, określonej w innym miejscu strony...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...tzn. wszystkich potomków elementu): a nie może zawierać innych elementów a. pre nie może zawierać elementów: img, object, big, small, sub, sup. button nie może zawierać elementów: input, select, textarea, label, button, form, fieldset, iframe, isindex. label nie może zawierać innych elementów label. form nie może zawierać innych elementów form. Atrybut name dla znaczników a, applet, form, frame, iframe, img, map jest zdeprecjonowany. Należy stosować zamiast niego atrybut id. W celu...
- Dobre praktyki / Przykazania webmastera
...nbsp; do robienia wcięć ani odstępów pomiędzy wyrazami Nie nadużywaj znacznika div ani span Formatuj kod źródłowy Staraj się używać znacznika button zamiast input Dziel obszerne artykuły na osobne podstrony Nie zakładaj, że wszyscy użytkownicy posiadają tak szybkie łącze jak Twoje Sprawdzaj poprawność składni HTML Dobre praktyki CSS Nie używaj atrybutu style="..." Unikaj stosowania deklaracji !important Nie wstawiaj wewnętrznego arkusza stylów, który powtarza się na kilku...
- HTML5 / Wyszukiwarka <search>
...z gotowych formularzy wyszukiwarek internetowych. Przykład <search> <search> <form action="search.php"> <input type="search" name="q"> <button type="submit">Szukaj</button> </form> </search>
- Formularze HTML / Pole tekstowe <input "text">
Spis treści <input "text"> Pole tekstowe <input "text"> Odpowiedź domyślna <input "text" value> Długość pola <input "text" size> Maksymalna ilość znaków, które można wpisać do pola <input "text" maxlength> Pole tylko do odczytu <input "text" readonly> Blokada pola <input "text" disabled> Tabulator <input text tabindex> Pole tekstowe <input "text"> <form action="..."> <input type="text" name="nazwa"> </form> lub <form action="..."> <input name="nazwa"> </form> gdzie jako "nazwa...