przycisk strony - Kurs HTML i CSS
Formularze HTML / Przycisk <button><button type="rodzaj">Treść przycisku</button> gdzie "rodzaj" określa typ przycisku i można tutaj podać: "submit" - przycisk wysłania formularza (domyślnie) "reset" - przycisk wyczyszczenia danych "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ć...
- I co dalej... / Wysłanie strony
...uruchomieniu programu Total Commander, kliknij na pasku narzędzi ikonę FTP: Na ekranie pojawi się okienko Połącz z serwerem FTP: Kliknij w nim przycisk z napisem: Nowe połączenie... (na obrazku pole to ma numer 1). Wtedy pojawi się okno FTP: szczegóły połączenia: W oknie tym znajdują się pola, które musisz wypełnić samodzielnie, korzystając z informacji, otrzymanych przy zakładaniu konta (pamiętasz może, że doradzałem, żeby sobie je wszystkie zapisać). W polu nr 2 (Sesja) można...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
(interpretuje: Firefox 125, Opera 100, Chrome 114) Wersja podstawowa z przyciskiem zaawansowanym: <element id="identyfikator" popover> ... <button type="button" popovertarget="identyfikator" popovertargetaction="hide">Zamknij</button> </element> <button type="button" popovertarget="identyfikator">Otwórz/Zamknij</button> Wersja rozszerzona z przyciskiem zaawansowanym: <element id="identyfikator" popover="tryb">...</element> <button type="button" popovertarget="identyfikator...
Dobre praktyki / Przykazania webmastera...Decyzję o tym, czy odnośnik ma się otworzyć w nowym oknie, zwykle lepiej pozostawić użytkownikowi. Przecież to żaden problem kliknąć link środkowym przyciskiem myszki albo z przytrzymanym klawiszem Ctrl. Nie używaj znaczników img do wstawiania grafiki tworzącej oprawę graficzną strony Znacznik ten jest przeznaczony wyłącznie do wstawiania ilustracji w treści artykułów. Każdą inną grafikę wstawiaj w tle elementów strony - przy pomocy stylów CSS. Dzięki temu uzyskasz możliwość przygotowania...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...szablonu. Wystarczy w przeglądarce internetowej naprowadzić wskaźnik myszki na początek tekstu (wskaźnik powinien zmienić kształt) i wcisnąć lewy przycisk myszki. Trzymając cały czas wciśnięty lewy przycisk, przeciągnij myszką do końca tekstu szablonu, po czym zwolnij przycisk - tekst zostanie zaznaczony. Teraz wciśnij na klawiaturze jednocześnie klawisze: Ctrl+C, co wywoła skopiowanie zaznaczonego tekstu do schowka systemowego. Następnie w edytorze HTML po otwarciu nowego pliku wystarczy...
- HTML dla zielonych / Edytory HTML
...wybrać wartość: "Strona sieci Web, przefiltrowana (*.htm;*.html)" lub odpowiednio: "Dokument HTML (Writer) (*.html)". Na koniec wystarczy kliknąć przycisk "Zapisz". Trzeba jednak pamiętać, że w ten sposób utworzone dokumenty HTML mogą długo się ładować i niepoprawnie wyświetlać się w niektórych przeglądarkach, a ponadto być trudne do późniejszej modyfikacji. Dlatego do tworzenia tego typu dokumentów zaleca się używać dedykowanych edytorów HTML. Jak otworzyć plik HTML w Wordzie...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są pola i przyciski formularza - takie jak: INPUT (z wyjątkiem type="hidden"), SELECT, TEXTAREA, BUTTON - to tak naprawdę można go użyć dla dowolnego znacznika. Może to poprawić dostępność strony, doświadczenia użytkownika czy funkcjonalność nawigacji. Częstym zastosowanie może być również użycie go w połączeniu z atrybutem contenteditable="true". Przykład...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...<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 ankiecie (np. jeśli się rozmyślimy). Wygląd pól formularza można zdefiniować bardziej precyzyjnie dzięki...
- Promocja strony WWW / Bannery i buttony
...serwisu. Np. jeśli prowadzisz sklep internetowy, możesz przygotować reklamę kilku promocyjnych produktów, zawierającą ich nazwę, zdjęcie, cenę oraz przycisk "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...
- Selektory pseudoklas CSS / Domyślne :default
...Chrome 51) selektor:default { cecha: wartość } Selektorem mogą być pola formularza: wyboru, opcji oraz opcje listy rozwijalnej, a także przyciski [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre elementy formularza mogą oznaczać domyślną akcję. Na przykład przycisk wysłania formularza powinien być domyślnym. Mimo iż w formularzu może się również znajdować...