Il sito per imparare gratuitamente a fare pagine Web

Autofocus per i Forms di HTML5

Questa guida è stampabile in modo agevole dalla sua apposita voce: "Stampa su carta", presente nel menù laterale:

 


Andrea Bianchi © www.web-link.it   Guida HTML 5 - Ver. 1.1.1 

Nuovi attributi per i Forms.

Pagina dimostrativa richiamata da autofocus.

 

autocomplete

L'attributo autocomplete ha due stati logici: on ed off rispettivamente per essere attivato o disattivato, per default è già attivo. Serve per riutilizare i dati già inseriti su form precedenti, se infatti provate ad inserire il dato, vi viene proposto quanto già inserito precedentemente. Con autocomplete off è possibile disattivarlo e diventa utile in quei campi che per ragioni di privacy e/o di sicurezza non devono essere mostrati soltanto perchè già utilizzati in precedenza. Si applica ai vari tipi di input ma è possibile applicarlo anche all'intero modulo se dichiarato nell'elemento form.

<form action="xxx" autocomplete="off">

Sopra applicato ad un solo campo riservato per la email, sotto applicato all'intero form e di conseguenza a tutti i campi in esso contenuti.

<input type="email" autocomplete="off">

Questo il risultato:

:

:

Mettete il vostro nome su entrambi i campi, premete invio, adesso cancellate le caselle e provate a scrivere di nuovo lo stesso nome, su quella impostata on appena inserite la prima lettera, o fate un doppio click, vi viene autocompletato il nome inserito precedentemente, su quella impostata off invece non succede nulla proprio per via della disabilitazione di questa funzione.



su
 

autofocus

L'attributo autofocus richiama il focus nella casella di input alla quale è stato applicato, praticamente il cursore è lì lampeggiante che vi aspetta per introdurre il dato, dovete soltanto iniziare a scrivere.

<input type="text" autofocus>

Questo il risultato:

:

:

Notate il cursore ad inizio campo che lampeggia, proprio come dopo un click al suo interno per iniziare a scrivere.

torna alla pagina precedente



su

Se avete domande potete scrivere sul forum di supporto, gratuito e aperto a tutti.

Forum di web-link


Andrea Bianchi