INPUT TYPE HTML
Vediamo insieme i principali Input type HTML. Gli elementi il cui attributo type è uguale a time permettono di creare controlli dove l’utente può inserire un tempo (con minuti ed eventualmente secondi). Safari non supporta questo tipo di controllo.
Come creare un input type (campo di input di tipo testo)?
Gli elementi il cui attributo type è text consentono di creare campi di input per il testo su una singola riga.
L’etichetta del campo deve essere sempre visibile e leggibile.
Un segnaposto non è sufficiente perché scompare non appena il cursore si trova nel campo.
<input /> : campo form grazie all’attributo type
<input type = “Follow” FOLLOW
<input type = “Share” SHARE
<input type = “Like” LIKE
altri esempi:
<input type = “datetime-local”> DATA 14-11-22 16:30
<input type = “week” > DATA week 42 ,2022
<input type = “month”> November, 2022
<input type = “url”> https:/www.magodelpc.cloud
<input type = “reset”> RESET
<input type = “color”> COLORE
Campi nome e email con segnaposto e senza etichetta
L’etichetta dovrebbe avere un contrasto sufficiente con lo sfondo
Idealmente l’etichetta è posizionata visivamente vicino al campo, per essere vista anche da utenti ipovedenti che non hanno la visione d’insieme della pagina.
Per i campi di testo e gli elenchi a discesa, posizionare preferibilmente l’etichetta appena sopra il campo.
Per le zone di opzione (pulsanti di opzione) o le caselle di controllo, posizionare preferibilmente l’etichetta davanti al campo.
Eccezioni:
Quando un modulo ha un solo campo, come spesso accade per il campo di ricerca, allora non è obbligatorio aggiungere un’etichetta visibile. Il pulsante di invio può fungere da etichetta.
I pulsanti di invio () non dovrebbero avere un’etichetta separata. L’etichetta del pulsante svolge questo ruolo.
