Objeto Input Time DOM HTML

Objeto Input Time

O objeto Input Time representa o elemento HTML <input> com type="time".

Notas:O <input type="time"> não é exibido corretamente como campo de tempo no IE11 e versões anteriores.

Acessar o objeto Input Time

Você pode usar getElementById() para acessar o elemento <input> com type="time":

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

Experimente você mesmo

Dica:Você ainda pode acessar a coleção elements do formulário de pesquisa para <input type="time">.

Crie o objeto Input Time

Você pode usar o método document.createElement() para criar um elemento <input> com type="time":

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

Experimente você mesmo

Atributos do objeto Input Time

Atributo Descrição
autocomplete Define ou retorna o valor do atributo autocomplete do campo de tempo.
autofocus Define ou retorna se o campo de tempo deve obter o foco automaticamente ao carregar a página.
defaultValue Define ou retorna o valor padrão do campo de tempo.
disabled Define ou retorna se o campo de tempo deve ser desativado.
form Retorna uma referência para o formulário que contém o campo de tempo.
list Retorna uma referência para a lista de dados que contém o campo de tempo.
max Define ou retorna o valor do atributo max do campo de tempo.
min Define ou retorna o valor do atributo min do campo de tempo.
name Define ou retorna o valor do atributo name do campo de tempo.
readOnly Define ou retorna se o campo de tempo é apenas leitura.
required Define ou retorna se o campo de tempo deve ser preenchido antes de submeter o formulário.
step Define ou retorna o valor do atributo step do campo de tempo.
type Retorna o tipo de elemento de formulário do campo de tempo.
value Define ou retorna o valor do atributo value do campo de tempo.

Métodos do objeto Input Time

Método Descrição
select() Seleciona o conteúdo do campo de texto de tempo.
stepDown() Decrementa o valor do campo de tempo em um número específico.
stepUp() Aumenta o valor do campo de tempo em um número específico.

Atributos e eventos padrão

O objeto Input Time suporta tanto atributos padrão quanto eventos.

Páginas relacionadas

Tutorial de HTML: Formulários HTML

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

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