tutoriais mais recente desenvolvimento web
 

HTML DOM objeto de tempo de entrada


Objeto Tempo de entrada

O objeto de tempo de entrada é novo em HTML5.

O objeto Tempo de entrada representa um HTML <input> elemento com type = "tempo".

Acessar um objeto Tempo de entrada

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

Exemplo

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

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

Criar um objeto de tempo de entrada

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

Exemplo

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

Propriedades do objeto tempo de entrada

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

Tempo de entrada Métodos de objeto

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

Propriedades padrão e Eventos

O objeto Tempo de entrada 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