Znacznik button jest elementem, który może być użyty do przesłania treści na stronę internetową. Może być również użyty do umieszczenia linku do innej strony. Język HTML umożliwia tworzenie przycisku przy użyciu różnych znaczników. Znacznik button używa określonego atrybutu dla swojego łącza, natomiast znacznik form wykorzystuje typ input do wstawienia elementu.
Dane formularza są umieszczane w ciele żądania HTTP i muszą być prywatne. Wynikowy adres URL jest wysyłany do serwera. Zazwyczaj metoda action formularza jest ustawiona na get. Metoda ta jest odpowiednia dla formularzy bez efektów ubocznych. Metoda get nadpisuje atrybut method właściciela formularza.
Innym sposobem generowania kodu HTML dla przycisków jest użycie generatora przycisków. Narzędzia te wygenerują kod, który jest kompatybilny ze wszystkimi nowoczesnymi przeglądarkami. Wyłączą również prefiksy dostawców i zapewnią, że przycisk będzie renderowany we wszystkich nowoczesnych przeglądarkach. Nie wymagają również kodu javascript lub jquery i mogą być używane bez ajaxu lub CSS.
Podczas tworzenia przycisku w html ważne jest użycie odpowiedniego atrybutu id. Atrybut ten zapewnia unikalny identyfikator przycisku i umożliwia JavaScriptowi dostęp do niego. Wskazuje on również na odpowiedni selektor id w arkuszu stylów. Atrybut id jest atrybutem globalnym, co oznacza, że może być użyty na dowolnym elemencie HTML. Atrybut id musi być poprzedzony literą, a wartość może składać się z dowolnej kombinacji liter, myślników, podkreśleń, dwukropków lub kropek.
Innym sposobem stylizacji linku jest stylizacja go jak przycisku. Można to zrobić stosunkowo łatwo i zapewnia to spójne doświadczenie użytkownika we wszystkich przeglądarkach. Bootstrap jest świetnym źródłem informacji na ten temat. Jeśli nie chcesz używać Bootstrapa, możesz użyć prostych stylów CSS, aby osiągnąć ten sam efekt.
Jeśli chcesz skupić się na danych wejściowych, klikając przycisk, możesz ustawić jego stan aria-selected lub checked. Firefox dodaje również małe obramowanie, gdy przycisk jest skoncentrowany. Możesz zastąpić tę granicę, używając przycisku z moz-focus-inner-style. Musisz jednak upewnić się, że zmiana stanu jest wystarczająco wysoka, aby zastąpić styl granicy.
Innym świetnym sposobem na stylizację przycisku jest dodanie tekstu. Przycisk z tekstem może być łatwo dostępny dla technologii wspomagającej i innych użytkowników, którzy nie są zaznajomieni z ikoną. Może również pomóc tym użytkownikom, którzy używają innej kultury lub nie mają zaplecza technologicznego. Tekst pomoże im w nawigacji po Twoich stronach internetowych.
Podobne tematy
