Objeto Time de DOM HTML Input

Input Time 对象

Input Time 对象代表带有 type="time" 的 HTML <input> 元素。

注释：<input type="time"> 在 IE11 及更早版本中不显示为正确的时间字段。

访问 Input Time 对象

可以使用 getElementById() 访问 type="time" 的 <input> 元素：

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

Prueba por tu cuenta

提示：还可以通过搜索表单的 elements 集合来访问 <input type="time">。

Crear el objeto Input Time

Puedes crear un elemento <input> con type="time" utilizando el método document.createElement():

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

Prueba por tu cuenta

Atributos del objeto Input Time

Atributos Descripción
autocomplete Establece o devuelve el valor del atributo autocomplete del campo de tiempo.
autofocus Establece o devuelve si el campo de tiempo debe obtener automáticamente el foco al cargar la página.
defaultValue Establece o devuelve el valor predeterminado del campo de tiempo.
disabled Establece o devuelve si el campo de tiempo debe estar deshabilitado.
form Devuelve una referencia al formulario que contiene el campo de tiempo.
list Devuelve una referencia a la lista de datos que contiene el campo de tiempo.
max Establece o devuelve el valor del atributo max del campo de tiempo.
min Establece o devuelve el valor del atributo min del campo de tiempo.
name Establece o devuelve el valor del atributo name del campo de tiempo.
readOnly Establece o devuelve si el campo de tiempo es de solo lectura.
required Establece o devuelve si debe llenarse el campo de tiempo antes de enviar el formulario.
step Establece o devuelve el valor del atributo step del campo de tiempo.
type Devuelve qué tipo de elemento de formulario es el campo de tiempo.
value Establece o devuelve el valor del atributo value del campo de tiempo.

Métodos del objeto Input Time

Método Descripción
select() Selecciona el contenido del campo de texto de tiempo.
stepDown() Disminuye el valor del campo de tiempo en un número especificado.
stepUp() Aumenta el valor del campo de tiempo en un número especificado.

Atributos estándar y eventos

El objeto Input Time admite tanto atributos estándar como eventos.

Páginas relacionadas

Tutoriales de HTML: Formularios HTML

Manual de referencia de HTML: Etiqueta <input> de HTML

Manual de referencia de HTML: Atributo tipo <input> de HTML <input>