input - Kurs HTML i CSS
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
Komendy HTML 4.01 / Elementy zdeprecjonowaneSpis treści Wstęp Wykaz elementów zdeprecjonowanych Wykaz atrybutów zdeprecjonowanych Wstęp Elementy i atrybuty zawarte w tym opracowaniu, które zostały napisane kolorem czerwonym są zdeprecjonowane przez specyfikację (ang. deprecated) - odradza się ich stosowanie. Co prawda przeglądarki internetowe nadal je interpretują (z uwagi na kompatybilność wstecz), lecz w przyszłości mogą stać się zupełnie przestarzałe i nieobsługiwane. Zamiast nich w większości przypadków zaleca się stosowanie...
Selektory pseudoklas CSS / Domyślne :default...inną opcję, zawsze będzie 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...
- HTML5 / Tryb wpisywania <... inputmode>
(interpretuje: Firefox 95, Opera 53, Chrome 66) Elementy bez znacznika zamykającego (np. INPUT): <element inputmode="tryb"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element inputmode="tryb">...</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...
- Dobre praktyki / Przykazania webmastera
...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 podstronach...
- Ikony (symbole) / Typowe akcje
...web_asset web_asset Aktualizacja upgrade upgrade Dostępne accessible accessible Szkolenie modelu model_training model_training Wejście input input Dodaj zakładkę bookmark_add bookmark_add Resetowanie zamka lock_reset lock_reset Wydarzenie zajęte event_busy event_busy Więcej czasu more_time more_time Dash Flutter flutter_dash flutter_dash Kopia zapasowa backup backup Zapisz jako save_as save_as Logo aplikacji głównej home_app_logo home_app_logo Podgląd strony pageview...
- Formularze HTML / Przycisk <button>
...zwykły przycisk Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić dodatkowe znaczniki pomiędzy <button> a </button> (w miejsce treści przycisku). Można również dowolnie formatować tekst, np. wprowadzając pogrubienie, pochylenie i inne. W przypadku zastosowania...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...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 zapewnienia kompatybilności wstecz...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...tego selektora to np. zmiana sposobu formatowania elementów formularzy. Niemal wszystkie kontrolki formularza są tworzone przy użyciu znacznika <input type="...">. O tym jaki rodzaj pola zobaczymy na ekranie, decyduje atrybut type="...". Jeśli chcielibyśmy zmienić rodzaj obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu (np. na przycisk wysłania formularza - type="submit"), należałoby wpisać np. taką regułę: input[type="text"] { border...
- Indeks, wyszukiwarka / Wygląd
...indeks { width: 300px; padding: 10px 0; background: #ccc; border: 2px outset #aaa; text-align: center; margin: 1em auto; } #indeks input.text { width: 290px; } #indeks select { width: 100%; margin: 2px 0 10px 0; } #indeks input.button { width: 100px; margin-left: 5px; margin-right: 5px; } W wyróżnionych miejscach wpisano identyfikator indeksu, zdefiniowany uprzednio w pliku indeks_hasla.js. Teraz w nagłówku dokumentu HTML (<head>...</head>), na którym...