INPUT TYPE HTML

input type HTML
INPUT TYPE

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

Un placeholder è un “segnaposto” che può essere un testo o un’immagine.

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.

Le Risorse Gratuite del #MAgodelPC

Per te Gratis l’Ebook Facebook Marketing per tutti
Se ti può interessare puoi ottenere Gratis  l’Ebook Digital Marketing
Per te Gratis l’Ebook Il CV Perfetto 
Se ti può interessare puoi ottenere Gratis l’Ebook Content Marketing 

Vi ricordiamo che nel nostro sito troverete molte altre Risorse Gratuite

Se vuoi rimanere sempre aggiornato puoi seguirci su Facebook .
Al prossimo articolo.
Saluti dal #MAgodelPC

b.pramaggiore

Docente e informatico da oltre vent'anni: Excel, Social Media Marketing. Specializzato in crescita organica gestisco i social e posso esserti di supporto con consulenze mirate allo sviluppo e crescita della tua azienda. Eseguo riparazioni PC, Mac e installazioni periferiche, offro assistenza da remoto e a domicilio. Creo siti Web e gestisco blog, amo la tecnologia, la natura e sono molto curioso.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

%d blogger hanno fatto clic su Mi Piace per questo: