tutoriais mais recente desenvolvimento web
 

HTML DOM Data objeto de entrada


Entrada Data Objeto

O objeto de entrada Data é novo em HTML5.

O objeto de Entrada Data representa um HTML <input> elemento com type = "data".

Nota: <input> elementos com type = "data" não mostram como qualquer campo de data / calendário no Firefox.

Acessar um objeto de entrada Data

Você pode acessar um <input> elemento com type = "data" usando getElementById() :

Exemplo

var x = document.getElementById("myDate");
Tente você mesmo "

Dica: Você também pode acessar <input type="date"> através de pesquisa através da elementos coleção de um formulário.

Criar um objeto de entrada Data

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

Exemplo

var x = document.createElement("INPUT");
x.setAttribute("type", "date");
Tente você mesmo "

Propriedades do objeto de entrada Data

Propriedade Descrição
autocomplete Define ou retorna o valor do autocomplete atributo de um campo de data
autofocus Define ou retorna se um campo de data deve obter automaticamente o foco quando a página é carregada
defaultValue Define ou retorna o valor padrão de um campo de data
disabled Define ou retorna se um campo de data está desativado, ou não
form Retorna uma referência para o formulário que contém o campo de data
list Retorna uma referência para o datalist que contém o campo de data
max Define ou retorna o valor do max atributo do campo de data
min Define ou retorna o valor do min atributo do campo de data
name Define ou retorna o valor do name atributo de um campo de data
readOnly Define ou retorna se o campo de data é somente leitura, ou não
required Define ou retorna se o campo de data devem ser preenchidos antes de enviar um formulário
step Define ou retorna o valor da step atributo do campo de data
type Retornos que tipo de elemento de formulário o campo de data é
value Define ou retorna o valor do value atributo de um campo de data

Métodos de objeto de entrada Data

Método Descrição
stepDown() Diminui o valor do campo de data por um número especificado
stepUp() Aumenta o valor do campo de data por um número especificado

Propriedades padrão e Eventos

O objeto de Entrada Data também suporta o padrão propriedades e eventos .


Páginas relacionadas

Tutorial HTML: formulários HTML

Referência HTML: HTML <input> tag

Referência HTML: HTML <input> atributo type