In questo articolo impareremo come utilizzare il tag di input in HTML, questo è un tag utilizzato per ottenere i dati che l'utente inserisce.

Il tag di input ha la funzione di creare un campo in cui l'utente può inserire i dati di input.

Il tag di input viene utilizzato insieme al tag del modulo per dichiarare un controllo di input che consente all'utente di immettere dati.

Un campo di input può cambiare in molti modi, a seconda della proprietà passata.

1. Come utilizzare il tag di input

Esempio : modulo di accesso con campi di input

 <form> <h1> Login </h1> Username: <input type="text" name="username"> <br /> Password: <input type="passwword" name="passwword"> <br /> <input type="submit" name="submit" value="Login"> </form>

Possiamo vedere che, con valori diversi dell'attributo type, il campo di input viene visualizzato in modi diversi.

2. Alcuni attributi del tag di input

Tipo di attributo

Il tipo è l'attributo più importante di un tag di input, determina la funzionalità di quel tag di input.

Alcuni valori di tipo:

• text : campo di immissione testo.
• password : nel campo di inserimento della password, i caratteri inseriti verranno mascherati con i caratteri *.
• checkbox di controllo: casella di controllo.
• radio : pulsante di opzione cellulare
• submit : pulsante per inviare il modulo.

Alcuni valori in HTML5 :

• number : Digitare il numero
• url : tipo di percorso del sito
• e- email : tipo di e-mail

Ci sono molti più valori, ma qui elenco solo alcuni dei valori più comunemente usati.

Valore attributo

Il valore è anche un attributo molto importante del tag di input, specifica il valore del tag di input.

Esempio: l'attributo value del tag di input

 <form> <h1> Login </h1> Username: <input type="text" name="username" value="Nhập username" > <br /> Password: <input type="passwword" name="passwword" value="Nhập password"> <br /> <input type="submit" name="submit" value="Đăng Nhập"> </form>