Objeto URL do DOM HTML Input

Objeto URL de entrada

O objeto URL de entrada é uma nova propriedade do HTML5.

O objeto URL de entrada representa o elemento HTML <input type="url">.

Nota:O Internet Explorer 9 (e versões mais antigas) ou Safari não suportam o elemento <input type="search">.

Acessar objeto URL de entrada

Você pode acessar o elemento <input type="url"> usando getElementById():

var x = document.getElementById("myUrl");

Experimente pessoalmente

Criar objeto URL de entrada

Você pode criar um elemento <input type="url"> usando o método document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "url");

Experimente pessoalmente

Propriedade do objeto URL de entrada

Atributos Descrição
autocomplete Definir ou retornar o valor da propriedade autocomplete do campo Search.
autofocus Definir ou retornar se o campo Search deve obter o foco automaticamente após a carga da página.
defaultValue Definir ou retornar o valor padrão do campo Search.
disabled Definir ou retornar se o campo Search está desativado.
form Retornar uma referência para o formulário que contém o campo Search.
list Retornar uma referência para o datalist que contém o campo Search.
maxLength Definir ou retornar o valor da propriedade maxLength do campo search.
multiple Definir ou retornar se o usuário pode inserir mais de um endereço URL no campo URL.
name Definir ou retornar o valor da propriedade name do campo Search.
pattern Definir ou retornar o valor da propriedade pattern do campo Search.
placeholder Definir ou retornar o valor da propriedade placeholder do campo Search.
readOnly Definir ou retornar se o campo Search é apenas leitura.
required Definir ou retornar se o campo Search deve ser preenchido antes de submeter o formulário.
size Definir ou retornar o valor da propriedade size do campo Search.
step Definir ou retornar o valor da propriedade step do campo Search.
type Retornar o tipo do elemento do formulário do campo Search.
value Definir ou retornar o valor da propriedade value do campo Search.

Métodos do objeto Input URL

Método Descrição
blur() Remover foco do campo URL.
focus() Dar foco ao campo URL.
select() Escolher o conteúdo do campo de texto URL padrão.

Atributos e eventos padrão

O objeto URL Input suporta padrõesAtributoseEventos.

Páginas relacionadas

Tutorial HTML:Formulários HTML

Manual de referência HTML:Etiqueta <input> HTML

Manual de referência HTML:Atributo type do <input> HTML