I følgende kode vil jeg at et verktøytips skal komme opp når brukeren holder musepekeren over spennet, hvordan gjør jeg det? Jeg vil ikke bruke noen lenker.
<span> text </span>
Her er den enkle, innebygde måten:
<span title="My tip">text</span>
Det gir deg verktøytips i ren tekst. Hvis du vil ha fyldige verktøytips med formatert HTML, må du bruke et bibliotek for å gjøre det. Heldigvis finnes det mange slike.
I de fleste nettlesere gjengis title-attributtet som et verktøytips, og det er generelt fleksibelt med hensyn til hvilke elementer det kan brukes sammen med.
<span title="This will show as a tooltip">Mouse over for a tooltip!</span>
<a href="http://www.stackoverflow.com" title="Link to stackoverflow.com">stackoverflow.com</a>
<img src="something.png" alt="Something" title="Something">
Alle disse vil gjengis som verktøytips i de fleste nettlesere.