kontrolki - Kurs HTML i CSS
Komendy HTML 4.01 / INPUTTworzy kontrolki w formularzu (FORM). Zobacz więcej... Atrybuty: ACCEPT="typy" Lista typów zawartości rozdzielonych przecinkami, które serwer obsługuje poprawnie ACCESSKEY="znak" Przypisuje klawisz dostępu do elementu ALIGN="ustawienie" Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane): center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej ALT="tekst" Tekst alternatywny CHECKED...
- HTML5 / Nowe atrybuty HTML5
...danych decoding IMG Wskazówka dotycząca dekodowania używana podczas przetwarzania obrazka do prezentacji dirname INPUT, TEXTAREA Nazwa kontrolki formularza używana do przesyłania kierunku tekstu elementu podczas wysyłania formularza disabled FIELDSET Czy potomne kontrolki formularza, z wyjątkiem tych wewnątrz elementu LEGEND, są wyłączone disabled LINK (rel="stylesheet") Czy arkusz stylów jest zablokowany download A, AREA Czy pobrać zasób zamiast nawigować do niego...
Dobre praktyki / Przykazania webmastera...na co dzień w swoim systemie operacyjnym. Może się poczuć zdezorientowany, kiedy zobaczy na tyle nietypowy wygląd bardzo mocno ostylizowanej kontrolki, że na pierwszy rzut oka nie skojarzy jej z żadnym znanym mu dotąd standardowym polem formularza, przez co nie dotrze do ważnych części serwisu. Przykładowo w wielu systemach operacyjnych normalnie przyciski są ukazywane jako wypukłe, a pola tekstowe - wklęsłe. Masz pewność, że użytkownik domyśli się do czego służą, jeśli ostylizujesz je...
- HTML5 / Filmy i dźwięk <video, audio, source>
...od odtwarzania materiału. Najczęściej zawierają one przycisk "odtwarzaj", "zatrzymaj", "wycisz", suwak postępu odtwarzania i głośności. Standardowe kontrolki odtwarzania zwykle wyglądają nieco inaczej w każdej przeglądarce. Jednak użytkownik jest przyzwyczajony do ich wyglądu właśnie ze swojej przeglądarki, więc nie powinno to dla niego stanowić problemu, a raczej ułatwienie. Jeżeli jednak nie możemy się z tym pogodzić, HTML5 daje możliwość stworzenia swoich własnych kontrolek odtwarzania...
- Komendy HTML 4.01 / OPTION
...muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej DISABLED Blokada kontrolki ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LABEL="etykieta" Etykieta dla grupy opcji LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) SELECTED Opcja jest zaznaczona STYLE="styl" Informacje stylów (CSS) TITLE="tekst...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
...w tym samym dokumencie musi mieć inny identyfikator, ale do tego samego formularza może się odnosić wiele pól. W języku HTML 4.01 wszystkie kontrolki formularza musiały się znajdować wewnątrz znacznika FORM. W przeciwnym razie nie były wysyłane z formularzem. HTML5 pozwala umieścić kontrolki gdziekolwiek na stronie i skojarzyć je z wybranym formularzem za pomocą atrybutu form="...". Jako wartość atrybutu należy podać identyfikator nadany formularzowi (atrybutem id="..."). Przykład...
- Selektory pseudoklas CSS / Blokada :disabled :enabled
...nadane poprzez style i zostaną opisane w dalszych rozdziałach. Pola formularza mogą znajdować się w wielu stanach - jednym z nich jest blokada kontrolki. Zablokowane pole w większości przeglądarek wyświetlane jest w formie wyszarzonej. Użytkownik nie może do niego wpisywać żadnego tekstu ani go włączyć (w przypadku kontrolek typu przełącznik). Blokadę ustala się poprzez przypisanie atrybutu disabled. W odróżnieniu od pól w stanie tylko do odczytu (atrybut readonly), pola zablokowane nie...
- Formularze HTML / Pole tekstowe <input "text">
...kolejności są umieszczone komórki tabeli w kodzie źródłowym. Jeśli jednak ze względu na budowę naszego formularza logiczniej by było aktywować kontrolki kolumnami (pionowo), można to zrobić dodając dla wszystkich pól odpowiedni atrybut tabindex="...": <input type="text" name="nazwa" tabindex="n"> gdzie "n" to liczba z przedziału od 0 do 32767. Przy ustalaniu ostatecznej kolejności aktywacji istnieje kilka zasad: Elementy z atrybutem tabindex="0" (zero) zachowują się identycznie...
- Formularze HTML / Pole wyboru <input "checkbox">
...jest z nim w żaden sposób związany logicznie. Aby to zmienić, należy użyć dodatkowego znacznika <label>...</label>, wewnątrz którego wpisujemy opis kontrolki formularza, który ma być z nią związany: <label><input type="checkbox" name="nazwa" value="wartość"> To jest etykieta pola obok</label> lub <input type="checkbox" name="nazwa" value="wartość" id="pole1"> <label for="pole1">To jest etykieta pola obok</label> Polecenie takie wprowadza na ekran etykietę z tekstowym opisem pola, która jest...
- Promocja strony WWW / Bannery i buttony
...Kup" albo "Do koszyka", który od razu zachęci użytkownika do wykonania konkretnej akcji. Często dobre rezultaty dają bannery imitujące różnorakie kontrolki i okna dialogowe systemu Windows - np. przycisk OK, rozwijane menu, które zachęca do sprawdzenia co jest dalej albo pole z częściowo zakrytym tekstem i z widocznymi suwakami do przewijania treści (użytkownik chcąc zatwierdzić wybór przyciskiem OK, rozwinąć menu lub przesunąć suwaki, podświadomie kliknie banner, co spowoduje przejście do...