Introducción al artículo de Wulin.com (www.vevb.com): Tutorial HTML5: Formulario de verificación automática de formulario.
1. Atributo requerido:
<form>
<input id = webjx_required name = webjx.com Tipo requerido = Text/>
<Entrada tipo = enviar value = enviar/
</form>
El atributo requerido se puede usar en la mayoría de los elementos de entrada (excepto elementos ocultos, botones de elementos de imagen, etc.).
La propiedad requerida indica que este cuadro de entrada es un elemento requerido. Al enviar, si este cuadro de entrada está vacío, se le pedirá al usuario que ingrese y envíe.
<form>
<input id = webjx_required name = webjx.com Tipo requerido = Text/>
<Entrada tipo = enviar value = enviar/
</form>
2. Atributo de patrón:
<form>
<input id = webjx_pattern name = webjx.com requerido patrón =/d {3} type = text/
<Entrada tipo = enviar value = enviar/
</form>
El valor del atributo de patrón es generalmente una expresión regular. Solo cuando el contenido ingresado por el usuario cumple con un determinado formato se puede enviar. De lo contrario, se le solicitará al usuario que no cumpla con los requisitos. Como se muestra arriba, se deben ingresar 3 dígitos.
Corre ahora:
<form>
<input id = webjx_pattern name = webjx.com requerido patrón =/d {3} type = text/
<Entrada tipo = enviar value = enviar/
</form>
3. Atributo min y atributo máximo:
<form>
<input id = webjx_min_max name = webjx.com requerido min = 3 max = 16 type = número/>
<Entrada tipo = enviar value = enviar/
</form>
Los dos atributos Min y Max son atributos patentados del elemento de entrada del tipo numérico o del tipo basado en el día. Limitan el rango de valores y fechas ingresadas en el elemento de entrada. El valor del atributo es un número.
Corre ahora:
<form>
<input id = webjx_min_max name = webjx.com requerido min = 3 max = 16 type = número/>
<Entrada tipo = enviar value = enviar/
</form>
4. Atributo de paso:
<form>
<input id = webjx_step name = webjx.com Paso requerido = 10 min = 0 max = 100 type = number/>
<Entrada tipo = enviar value = enviar/
</form>
El atributo de paso controla el aumento o disminución del valor del elemento de entrada. Por ejemplo, cuando desea que el usuario ingrese un valor entre 0-100, pero debe ser un múltiplo de 10, como se muestra en el código anterior, haga clic a continuación para ejecutar para ver el efecto.
Corre ahora:
<form>
<input id = webjx_step name = webjx.com Paso requerido = 10 min = 0 max = 100 type = number/>
<Entrada tipo = enviar value = enviar/
</form>