Objeto Input Number DOM HTML

Objeto Number

O objeto Number é um novo objeto no HTML5.

O objeto Number representa o elemento HTML <input type="number">.

Notas:O Internet Explorer 9 e versões anteriores não suportam o elemento <input type="number">.

Acessar objeto Number

Você pode acessar o elemento <number> usando getElementById():

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

Experimente você mesmo

Dica:Você também pode percorrer o formulário Conjunto de elementos para acessar o objeto Number.

Criar objeto Number

Você pode criar um elemento <number> usando o método document.createElement():

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

Experimente você mesmo

Propriedade do objeto Number

Atributos Descrição
autocomplete Definir ou retornar o valor da propriedade autocomplete do campo number.
autofocus Define ou retorna se o campo number deve obter o foco automaticamente após o carregamento da página.
defaultValue Define ou retorna o valor padrão do campo number.
disabled Define ou retorna se o campo number está desativado.
form Retorna uma referência para o formulário que contém o campo number.
list Retorna uma referência para o datalist que contém o campo number.
max Define ou retorna o valor do atributo max do campo number.
min Define ou retorna o valor do atributo min do campo number.
name Define ou retorna o valor do atributo name do campo number.
placeholder Define ou retorna o valor do atributo placeholder do campo number.
readOnly Define ou retorna se o campo number é somente leitura.
required Define ou retorna se o campo number deve ser preenchido antes de submeter o formulário.
step Define ou retorna o valor do atributo step do campo number.
type Retorna o tipo de elemento de formulário do campo number.
value Define ou retorna o valor do atributo value do campo number.

Métodos do objeto Input Number

Método Descrição
select() Seleciona o conteúdo do campo texto number.
stepDown() Diminui o valor do campo number conforme o número especificado.
stepUp() Aumenta o valor do campo number conforme o número especificado.

Atributos e eventos padrão

O objeto Number 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