Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Atributo required HTML5: Establecer campos obligatorios en formularios

Con el atributo required HTML5 podemos establecer que un input de formulario sea de rellenado obligatorio.

Sintaxis del atributo required HTML5

Vamos a ver la sintaxis de este atributo extraída de su web oficial:

Tal y como podéis ver en la sintaxis es sencillo añadir el atributo al input.

Ejemplo del atributo required HTML5

Vamos a ver en este sencillo ejemplo cómo hacer que un input tenga que ser rellenado obligatoriamente.

En el ejemplo he creado un formulario con método POST y 2 input, uno es de tipo submit y el otro de tipo date.

Solo nos queda probar no rellenando el input del ejemplo y ver el mensaje automático de aviso.

atributo requires HTML5 para establecer inputs obligatorios

Compatibilidad del atributo required HTML5

Este atributo es compatible con los siguientes input:

Listado de los nuevos atributos HTML5

En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.

Listado de los nuevos input HTML5

En esta url tenéis el listado completo de los nuevos input de HTML5.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Centro de preferencias de privacidad

Cookies imprescindibles

para medir la audiencia

ga,gdpr