Objeto Input Date DOM HTML
- Página anterior <input> color
- Próxima página <input> datetime
Objeto Input Date
O objeto Input Date é um novo objeto no HTML5.
O objeto Input Date representa o elemento HTML <input type="datetime">.
Notas:O Internet Explorer ou Firefox não suportam o elemento <input type="date">.
Acessar objeto Input Date
Você pode acessar o elemento <input type="date"> usando getElementById():
var x = document.getElementById("myDate");
Dica:Você também pode percorrer o formulário Conjunto elementsPara acessar o objeto Input Date.
Criar objeto Input Date
Você pode criar o elemento <input type="date"> usando o método document.createElement():
var x = document.createElement("INPUT"); x.setAttribute("type", "date");
Atributos do objeto Input Date
Atributos | Descrição |
---|---|
autocomplete | Define ou retorna o valor do atributo autocomplete do campo date. |
autofocus | Define ou retorna se o campo date deve obter o foco automaticamente após o carregamento da página. |
defaultValue | Define ou retorna o valor padrão do campo date. |
disabled | Define ou retorna se o campo date está desativado. |
form | Retorna uma referência para o formulário que contém o campo date. |
list | Retorna uma referência para o datalist que contém o campo date. |
max | Define ou retorna o valor do atributo max do campo date. |
min | Define ou retorna o valor do atributo min do campo date. |
name | Define ou retorna o valor do atributo name do campo date. |
readOnly | Define ou retorna se o campo date é somente leitura. |
required | Define ou retorna se o campo date deve ser preenchido antes de submeter o formulário. |
step | Define ou retorna o valor do atributo step do campo date. |
type | Retorna o tipo de elemento do formulário do campo date. |
value | Define ou retorna o valor do atributo value do campo date. |
Métodos do objeto Input Date
Método | Descrição |
---|---|
select() | Seleciona o conteúdo do campo de texto de data. |
stepDown() | Decrementa o valor do campo de data conforme o número especificado. |
stepUp() | Incrementa o valor do campo de data conforme o número especificado. |
Páginas relacionadas
Tutorial de HTML:Formulários HTML
Manual de referência do HTML:Etiqueta <input> HTML
Manual de referência do HTML:Atributo type do <input> HTML
- Página anterior <input> color
- Próxima página <input> datetime