descrizioni comandi per Button

È possibile creare una descrizione comandi per un pulsante html. È il normale pulsante HTML e non esiste alcun attributo Title in quanto è presente per alcuni controlli HTML. Qualche pensiero o commento?

Aggiungi semplicemente un titleal tuo button.

<button title="Hello World!">Sample Button</button>

entrambi <button>tag e <input type="button">accetta un attributo title.

Usa titleattributo. È un attributo HTML standard ed è per impostazione predefinita reso in una descrizione comandi dalla maggior parte dei browser desktop.

Per tutti coloro che cercano una soluzione folle , basta semplicemente provare

title="your-tooltip-here"

in qualsiasi tag . Ho testato in td's a' e 'e funziona abbastanza.

Un pulsante accetta un attributo "titolo". È quindi possibile assegnargli il valore che si desidera far apparire un'etichetta quando si passa il mouse sopra il pulsante.

<button type="submit" title="Login">
Login</button>

L'attributo title ha lo scopo di fornire maggiori informazioni. Non è utile per la SEO, quindi non è mai una buona idea avere lo stesso testo nel titolo e alt che ha lo scopo di descrivere l'immagine o l'input rispetto a ciò che fa. per esempio:

<button title="prints out hello world">Sample Buttons</button>

<img title="Hms beagle in the straits of magellan" alt="HMS Beagle painting" src="hms-beagle.jpg" />

L'attributo title fornirà un suggerimento, ma sarà controllato dal browser per quanto riguarda dove appare e come appare. Se vuoi un maggiore controllo ci sono opzioni jQuery di terze parti, molti modelli CSS come Bootstrap hanno soluzioni integrate e puoi anche scrivere una semplice soluzione CSS se vuoi. Dai un'occhiata a questa soluzione di w3schools .

È necessario utilizzare sia il titolo che gli attributi alt per farlo funzionare in tutti i browser.

<button title="Hello World!" alt="Hello World!">Sample Button</button>