Wulin.com (www.vevb.com) Artículo Introducción: Aplicación de tiempo de tiempo recientemente agregada para la entrada.
Hoy, el sitio web de enseñanza web lo llevará a apreciar las nuevas características de HTML5. La aplicación de la entrada de etiquetado a HTML5 se ha agregado el tipo de tiempo recién agregado. Si el formato ingresado en los siguientes cuadros de entrada es incorrecto, no se puede enviar.
Nota: Este tipo de entrada es efectiva en Opera10+, pero no es muy buena en Chrome, y la apariencia depende del navegador.
1. Tipo de fecha:
<form>
<input id = webjx_date name = webjx.com type = date/>
<Entrada tipo = enviar value = enviar/
</form>
Si usamos JS+CSS+DOM antes, podríamos lograr el efecto de seleccionar fechas en los calendarios. En HTML5, solo necesitamos establecer la entrada hasta el tipo de fecha, y no necesitamos verificar los datos al enviar el formulario, nos ha ayudado a implementarlo.
El efecto de operación es el siguiente:
2. Tipo de tiempo:
<form>
<input id = webjx_time name = webjx.com type = time/>
<Entrada tipo = enviar value = enviar/
</form>
Este tipo es un cuadro de texto especialmente utilizado para ingresar el tiempo, verificando si se ha ingresado un tiempo válido al enviar.
El efecto de operación es el siguiente:
3. Tipo de fecha y hora:
<form>
<input id = webjx_datetime name = webjx.com type = datetime/>
<Entrada tipo = enviar value = enviar/
</form>
El elemento de entrada del tipo de fecha y hora es un cuadro de texto especialmente utilizado para ingresar fechas y prácticas de UTC. Durante la presentación, la fecha y la hora se verifican de manera efectiva.
El efecto de operación es el siguiente:
4. Tipo de fecha y hora:
<form>
<input id = webjx_datetime-local name = webjx.com type = DateTime-Local/>
<Entrada tipo = enviar value = enviar/
</form>
Este tipo es similar al tipo DatateMe, pero se utiliza para ingresar la fecha y hora locales.
El efecto de operación es el siguiente:
5. Tipo de mes:
<form>
<input id = webjx_month name = webjx.com type = mes/>
<Entrada tipo = enviar value = enviar/
</form>
El mes es un cuadro de texto que entra específicamente en un mes. En el calendario, solo puede seleccionar un cierto mes, no un día determinado.
El efecto de operación es el siguiente:
6. Tipo de semana:
<form>
<input id = webjx_week name = webjx.com type = week/>
<Entrada tipo = enviar value = enviar/
</form>
Week es un cuadro de texto especialmente utilizado para ingresar a la semana (semana), y el número seguido de W indica cuántas semanas hay esta semana en ese año. Solo puede elegir una semana en el calendario, y no puede elegir un día determinado.
El efecto de operación es el siguiente:
HTML5 lo ha hecho bastante bien a este respecto. En cuanto a la definición de estilo, ¡todos pueden discutirlo aquí!