Sfruttare le Access Key per accedere ai controlli dei Form

Corso online Responsive Design
Realizzare siti responsivi con HTML5 e CSS3.

Scritto da Luca Ruggiero nella sezione Html

Anche nell'ambito di un'applicazione Web si deve tenere conto del fatto che un utente potrebbe avere un qualsiasi problema, sia fisico che logistico, ad esempio il mouse non funzionante. Per muoversi tra i controlli di un form è possibile utilizzare la proprietà tabindex per consentire di spostare il focus in maniera logica da un controllo all'altro, ma non ci siamo ancora...

Possiamo realizzare un sistema simile a quello utilizzato nei sistemi Windows, sfruttando al meglio le Access Key, quindi sfruttando le combinazioni (shortcut)

[Alt + x]
dove x rappresenta una lettera evidenziata (in genere sottolineata) utilizzata per raggiungere col cursore del mouse un determinato controllo.

Vediamo un esempio di codice:
<label for="N" accesskey="N">
  <u>N</u>ome
</label>
<input type="text" name="testo" id="N">

I più cliccati della sezione Html

:: Impedire ad un testo di andare a capo in Html (32.978)

:: Le tabelle Html (30.999)

:: Formattazione del testo in Html (25.041)

:: Referenze dei Tag Html (18.963)

:: Creare tabelle con i bordi curvi (17.799)

:: Guida XHTML (16.237)

:: Struttura di un file Html (14.800)

:: Inserire un'icona nella barra degli indirizzi di MSIE (13.524)

:: Inserire le immagini in una pagina Html (10.901)

:: Sovrapporre un'immagine ad un layer senza posizionamento assoluto (10.705)

IN EVIDENZA
DOWNLOAD