• Programmazione » HTML 5 » Guida HTML5

Vediamo come utilizzare il tag input in HTML5. Codici ed esempi.

Il tag <input> delimita un campo di data input, dove un utente può inserire le varie informazioni. Il tag <input> presenta diverse novità, sia per gli attributi che per i valori degli stessi. È l’attributo “type” a destare maggiore interesse da parte degli sviluppatori: l’implementazione di nuovi valori accessori consente di definire l’utilizzo di un campo con maggiore chiarezza.

Alcuni nuovi valori associati a Type:

• Search: definisce un campo testo utilizzato per la ricerca.
• Tel: definisce un campo testo per l’immissione del numero di telefono.
• Email: specifica un campo testo usato per l’immissione di un indirizzo di posta elettronica.
• Url: specifica un campo testo usato per introdurre un indirizzo web.
• Month, Week: definiscono campi temporali (con calendario) per mesi e settimane.

Alcuni esempi

Tel

<form action="invia_mail.php" method="get">cellulare: <input type="tel" name="user_mobile" /><br /><input type="submit" /></form>

Month

<form action="invia_mail.php" method="get">mese: <input type="month" name="user_date" /><input type="submit" /></form>

E-mail

<form action="invia_mail.php" method="get">E-mail: <input type="email" name="user_email" /><br /><input type="submit" /></form>

Url

<form action="invia_mail.php" method="get">Indirizzo web: <input type="url" name="user_url" /><br /><input type="submit" /></form>