Button (informatica): differenze tra le versioni

Versione delle 10:13, 23 feb 2021

Versione attuale delle 15:26, 19 ago 2024

(4 versioni intermedie di 3 utenti non mostrate)

Riga 1:

{{Nota disambigua|descrizione=informazioni sul pilota di Formula 1|titolo=Jenson Button}}

L'oggetto '''button''' è un oggetto innestato nell'oggetto [[Form]], della definizione [[XML]] DOM. La sua definizione permette di creare molte interazioni con l'utente nelle [[pagina web|pagine web]].

Quando ad esempio si clicca su un [[Form|modulo]] (p.es. quello di [[Wikipedia]] per la modifica delle pagine) si interagisce con l'operazione tramite un elemento '''Button'''.

Riga 105 ⟶ 104:

=== Critiche ===

È stato affermato che mentre il bottone "hamburger" è ormai conosciuto ma la sua funzionalità non è sempre immediatamente ovvia quando viene visto per la prima volta;  in particolare, gli utenti più anziani meno familiari con l'iconografia moderna potrebbero essere confusi<ref name="Loving & Hating the Hamburger Icon">{{Cita web|url=https://www.webdesignerdepot.com/2018/09/loving-hating-the-hamburger-icon/|titolo=Loving & Hating the Hamburger Icon|data=17 settembre 2018|sito=Webdesigner Depot|lingua=en|accesso=23 febbraio 2019}}</ref>.

Questo bottone può aumentare il ''costo di interazione'' rispetto a un menu tradizionale, richiedendo clic aggiuntivi per recuperare le stesse informazioni, anche se con il vantaggio di un minore utilizzo dello schermo anche nelle [[applicazione mobile|app]] mobili. È stato anche affermato che i designer tendono a sovraccaricare queste icone con troppe informazioni nascoste<ref name="Loving & Hating the Hamburger Icon2Icon">{{Cita web|url=https://www.webdesignerdepot.com/2018/09/loving-hating-the-hamburger-icon/|titolo=Loving & Hating the Hamburger Icon|data=17 settembre 2018|sito=Webdesigner Depot|lingua=en|accesso=23 febbraio 2019}}</ref>.

=== Esempio ===

Riga 114 ⟶ 113:

<div id="menuHamburger">

<input type="checkbox" />

<span></span>

<span></span>

<span></span>

<ul id="menu">

<a href="#"><li>Home</li></a>

Riga 220 ⟶ 219:

== Formattazione ==

=== Stili [[CSS]] al passaggio del mouse ===

Stati al passaggio del mouse<ref>{{Cita web|url=https://zellwk.com/blog/style-hover-focus-active-states/|titolo=Style hover, focus, and active states differently {{!}} Zell Liew|sito=zellwk.com|lingua=en|accesso=10 febbraio 2021}}</ref>:<syntaxhighlight lang="css">

.selector {