Sommario
Uno degli elementi più importanti all'interno di un documento HTML è l'elemento ingresso poiché è la principale fonte di alimentazione che abbiamo per l'utente, in questo tutorial vedremo un po' più in dettaglio come lavorare con questo elemento e le caratteristiche che ha, nonché gli attributi che possiamo utilizzare da HTML5.Testo di input
Il testo di input, è la forma più elementare dell'elemento di input, ci consente di catturare testo normale alfanumerico e qualsiasi carattere speciale, questo sebbene l'input non sia male, a volte dobbiamo filtrare un po' di più per ottenere i dati di cui abbiamo veramente bisogno.
Vediamo gli attributi speciali che possiamo usare con questo elemento quando lavoriamo come tipo di testo.
- cognome: Questo attributo non è nuovo per HTML5, tuttavia questo attributo ci permette di cambiare la direzione dell'input del testo da destra a sinistra o da sinistra a destra, che è quello che usiamo normalmente nella lingua occidentale.
Commento:
Posta un commento
- elenco: Questo attributo è nuovo in HTML5 e ci dà la possibilità di specificare l'id di un elemento lista dati Potrei assegnare valori a questo elemento.
Pagina iniziale:
- lunghezza massima: Un'altra vecchia conoscenza di HTML, Non è una novità, tuttavia è molto utile poiché ci consente di limitare il numero massimo di caratteri che l'input accetta, un esempio è quando accettiamo codici di 3 lettere, posizioniamo questo attributo con valore 3 e quando proviamo a entrare una quarta lettera non è che la scriverei semplicemente.
- modello: Novità in HTML5, ci consente di inserire modelli di espressioni regolari in modo da poter aggiungere un nuovo livello di convalida senza utilizzare linguaggi aggiuntivi.
Numero di parte:
- segnaposto: Novità HTML5, È un aiuto visivo che ci permette di inserire un testo che apparirà all'interno del testo di input dicendo un piccolo aiuto per l'utente, ad esempio se un testo di input è per l'inserimento di nome e cognome, potremmo inserire il segnaposto "Inserisci nome e cognome separati da uno spazio", ovviamente regolando gli stili in modo che tutto appaia esteticamente corretto.
Patata dolce:
- sola lettura: Questo attributo non è nuovo in HTML5, ci consente di impedire all'utente di inserire dati o modificare il contenuto del campo che ha questo attributo.
- necessario: Novità HTML5, Questo attributo ci permette di indicare, se l'input è vuoto, il modulo non deve essere ancora inviato, forzando così l'obbligatorietà della sua compilazione, in questo modo si alza un altro livello di validazione.
Indirizzo email:
- taglia: Ci aiuta a specificare la larghezza dell'elemento di input, questo attributo non è nuovo, tuttavia è molto importante poiché ci aiuta a dare una migliore visuale del testo che l'utente deve inserire, oltre ad aiutarci esteticamente a creare omogenei campi di input, per poterli inserire tutti con una larghezza maggiore di quella portata di default.
- valore: Non è nuovo in HTML5, questo attributo ci consente di inserire valori in un testo di input, è diverso dal segnaposto poiché ciò che è in valore assegnato durante l'invio se fosse inviato come contenuto dell'elemento, è abbastanza usato per compilare un modulo con il contenuto che viene portato dal database quando utilizziamo un linguaggio server.
Nella prossima parte del tutorial vedremo alcuni esempi pratici di come utilizzare alcuni di questi attributi.
Aggiornare: Parte 2 di questo tutorialTi è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
