Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 26 di 51
  • livello principiante
Indice lezioni

Input type: url

Inserimento di URL in un form
Inserimento di URL in un form
Link copiato negli appunti

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+

Ti consigliamo anche