Interakcje HTML5

Elementy interaktywne

Elementy

Element	Atrybuty	Opis
<details></details>	globals, open	detale HTML 5.1
<summary> </summary>	globals	podsumowanie HTML 5.1
<menu> </menu>	globals, type, label	menu HTML 5.1
<menuitem> </menuitem>	globals, type, label, icon, disabled, checked, radiogroup, default	pozycja menu HTML 5.1
<dialog></dialog>	globals, open	okno dialogowe HTML 5.2

Elementy interaktywne

Elementy HTML które bezpośrednio na stronie wykonują akcję. Do elementów interaktywnych zaliczamy również elementy: a, button, input, option (w select).

Atrybuty

Atrybuty specyficzne

Atrybut	Wartości	Opis
open		otwarty HTML 5.1
type	context	typ
label	Text	etykieta
icon	URL	Ikona polecenia HTML 5.1
disabled		wyłączony
checked		zaznaczony
radiogroup	Text	nazwa grupy poleceń HTML 5.1
default		polecenie domyślne

Uwaga:

Kliknięcie elementu summary pokazuje lub ukrywa całą zawartość elementu details.

Wartości

Wartości atrybutów

Wartość	Opis
context	menu elementu (kontekstowe)
Text	tekst
URL	Poprawny, niepusty adres URL opcjonalnie otoczony spacjami

Elementy formularza i hiperłącze

Elementy formularza zostały opisane w Planszy interaktywnej Formularze a hiperłącze w Elementy liniowe

button option

Uwaga:

Wskazanie i kliknięcie elementu prawym przyciskiem pokazuje menu podręczne (kontekstowe) elementu.

Polecenia

Polecenia

Etykieta

Akcja

Klawisze skrótu

Klawisze skrótu w przeglądarkach i systemach

Przeglądarka	Windows	Linux	Mac
Internet Explorer	[Alt] + accesskey
Chrome	[Alt] + accesskey	[Alt] + accesskey	[Control] [Alt] + accesskey
Firefox	[Alt] [Shift] + accesskey	[Alt] [Shift] + accesskey	[Control] [Alt] + accesskey
Safari	[Alt] + accesskey		[Control] [Alt] + accesskey
Opera	Opera 15 lub nowsze: [Alt] + accesskey Opera 12.1 lub starsze: [Shift] [Esc] + accesskey

Uwaga:

Klawisze skrótu są opisane w tabelce.

Atrybuty

Interakcje elementów można uzyskać stosując atrybuty: title, contenteditable.

Uwagi:

Kliknięcie w menu kontekstowym KLIKNIJ otwiera okno dialogowe (metoda alert()).

Kliknięcie test2 otwiera okno dialogowe (metoda show()). Kliknięcie okno dialogowe zamyka je (metoda close()).