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 / Zdarzenia HTML5
...atrybuty, dodając przedrostek on przed nazwą zdarzenia. Na przykład, aby wykonać akcję po kliknięciu przycisku, można użyć atrybutu onclick="...": <button onclick="alert('Kliknięto przycisk!')">Kliknij mnie</button> Każdy element oraz inne obiekty występujące w języku HTML mają ściśle określoną listę zdarzeń, które obsługują. Poniżej przedstawiono trzy główne grupy zdarzeń dostępnych w HTML5: Podstawowe zdarzenia - związane z ogólną interakcją użytkownika z elementami strony, np. klikaniem...
- 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>