Come fare un Input Text in HTML5 e CSS3
6 gennaio 2014  //  By:   //  Css, Html  //  1 comment   //   1060 Views

Uno dei tag html5 più utilizzati per creare form è quello di input text e i relativi attributi.

Partiamo dall’inizio con la sintassi principale dell’input di tipo “text”:

Input text accetta vari parametri tra cui:

Autofocus: focalizza l’attenzione su questo determinato input della pagina appena caricata.

Maxlenght: limita il numero di caratteri che possono essere inseriti dall’utente.

Pattern: permette di inserire delle espressioni regolari lato sviluppatore così da controllare subito se l’utente ha inserito quello che gli abbiamo richiesto. in questo esempio l’espressione rappresenta una data in formato aaaa-mm-gg.

Placeholder: permette di inserire un testo che serve ad indicare all’utente cosa dovrà inserire in quel campo.

Required: indica che questo campo deve essere inserito obbligatoriamente.

Tabindex: è possibili specificare in quale ordine deve avvenire il passaggio da un campo all’altro tramite tasto TAB. Il valore di questo attributo può variare tra 0 e 32767

Readonly: permette di inserire al suo interno o un placeholder ma che può essere solo letto.

Sono alcuni attributi che possono rendere la creazione dei nostri input più precisi. Buon Lavoro 

About the Author :

BI CONSULTING. Studente di Ingegneria Informatica, Sistemista Linux e appassionato di tutto ciò che sia tecnologico ma soprattutto Open Source. Distro: Debian e Arch LInux. Smartphone: Nexus / Lg G2 Buona Lettura  Visualizza il profilo su Linkedln

1 Comment to “Come fare un Input Text in HTML5 e CSS3”

Leave a reply