Redazione
a- a+

Il tag input: inserire e validare numeri di telefono, email, date e url

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>


Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Redazione
Condividi le tue opinioni su questo articolo!