Il tag HTML <input>

Descrizione

Il tag HTML <input> serve a definire un elemento di input all' interno di un form, permettendo quindi l' inserimento dei dati da parte dell' utente.

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML input Tag</title>
</head>
<body>
<form action="/cgi-bin/hello_get.cgi" method="get">
First name: 
<input type="text" name="first_name" value="" maxlength="100" />
<br />
Last name: 
<input type="text" name="last_name" value="" maxlength="100" />
<input type="submit" value="Submit" />
</form>
</body>
</html>

Produrrà il seguente risultato:

Attributi Globali

Questo tag supporta tutti gli attributi globali descritti in - HTML - Referenze Attributi

Attributi Specifici

The HTML <input> supporta anche i seguenti attributi aggiuntivi:

Attributo	Valore	Descrizione
accept	content types	Definisce un elenco di tipi accettati dal server.
align	left right top middle bottom	Deprecato-Definisce l' allineamento del contenuto
alt	text	Indica un testo da mostrare nel caso che il browser/user agent non sia in grado di mostrare il campo di input.
autocomplete	on off	Specifica se attivare o meno l' autocompletamento nell'elemento <input>
autofocus	autofocus	Indica che al caricamento della pagina l'elemento <input> ovrà avere il focus.
checked	checked	Se type="radio" o type="checkbox" sarà selezionato appena carica la pagina.
disabled	disabled	Disabilita il campo di input. Il campo non accetterà cambiamenti da parte dell' utente. Inoltre non viene selezionato quando ci si muove nei campi del form con il tasto tab.
form	form_id	Indica uno o più form
formaction	URL	Indica l' URL del file che processerà i dati una volta inviati.
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Specifica come criptare i dati prima di trasmetterli al server.
formmethod	post get	Definice il metodo HTTP per inviare i dati al server
formnovalidate	formnovalidate	Definisce se il form dev'essere validato prima di essere inviato.
formtarget	_blank _self _parent _top	Indica come dovrà essere mostrata la risposta ricevuta una volta inviati i dati al server
height	pixels	Imposta l' altezza
list	datalist_id	Definisce l'id di un tag <datalist> che contiene elementi predefiniti per un elemento <input>
max	autofocus	Indica un vlore massimo
maxlength	numerico	Indica in numero massimo di caratteri consentiti
min	numerico	Indica un valore minimo
multiple	multiple	Indica che l' utente può inserire valori multipli
name	text	Assegna un nome al campo di input.
pattern	regexp	Definisce un regular expression che il valore dell' <input> deve rispettare
placeholder	text	Specifica un suggerimento che descrive il valore atteso per il campo.
readonly	readonly	Imposta il campo di input in sola lettura. Non permette all'utente di effettuare cambiamenti
required	richiesto	Indica che il campo dev' essere compilato prima di inviare il form
size	numerico	Imposta la larghezza del campo. Se type="text" o type="password" si riferisce al numero di caratteri, altrimenti ai pixel..
src	URL	Definisce l'URL dell' immagine da mostrare, usato solo con type="image".
step	numerico	Definisce l'intervallo numerico ammesso
type	button checkboxcolor date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Definisce il tipo di campo di input.
value	text	Definisce un valore iniziale per il campo.Se type="checkbox" o type="radio" questo attributo è richiesto.
width	pixels	Imposta la larghezza

Attributi Evento

Questo tag supporta tutti gli attributi evento descritti in - HTML - Referenze Eventi

Compatibilità Browser

Chrome	Firefox	IE	Opera	Safari	Android
Si	Si	Si	Si	Si	Si

html_tags_reference.htm

Kickstart Your Career

Get certified by completing the course

Get Started