Input type: url

14 marzo 2011

Si usa l’elemento input con type=url per creare un campo destinato all’inserimento di un indirizzo web.

Il tipo url, se specificato, dovrebbe rappresentare l’inserimento di un URL assoluto, ovvero nel formato http://www.sito.com/etc.... Nel caso in cui il valore inserito non sia valido, viene sollevata, nei browser che supportano il tipo url, un’eccezione che non riconosce il pattern.

I dispositivi mobili e il type url

I dispositivi mobili possono presentare tastiere personalizzate per facilitare l’inserimento. iPhone modifica la sua tastiera eliminando la barra spaziatrice e mettendo il punto, la slash e l’estensione “.com” come visualizzato nella figura sottostante. Android, invece, visualizza attualmente la tastiera standard.

Figura 21 – Tastiera iPhone con un campo di tipo url

screenshot

Esempi d’uso

L’esempio è molto semplice, eccolo:

<form name="commenti" method="post" action="/141/comments">
  [...]
  <label> Www:
    <input type="url" name="url" autocomplete="on" placeholder="http://mywebsite.com">
  </label>
  [...]
  <input type="reset"  value="Resetta il form">
  <input type="submit" value="Invia il commento">
</form>

Produce visivamente un normale <input type="text">.

Tabella del supporto sui browser

Form: nuovi tipi di input Internet Explorer Firefox Safari Google Chrome Opera
url No 4.0+ 4.0+ 2.0+ 9.0+

Tutte le lezioni

1 ... 25 26 27 ... 51

Se vuoi aggiornamenti su Input type: url inserisci la tua e-mail nel box qui sotto:
Tags:
 
X
Se vuoi aggiornamenti su Input type: url

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy