Validaciones de formularios vacíos

Por -

La validación de los campos vacíos en los formularios ha sido un problema que anteriormente siempre se realizaba con la utilización de JavaScript, Ya sea construyendo nuestro propio código o utilizando códigos de terceras personas, puesto que en anteriormente era imposible realizar una validación de los campos de un formulario con HTML puro, pero con las nuevas actualizaciones de HTML en su versión  5 (HTML5), nos permite validar estos campos de formulario con el atributo (required) y con la ayuda de CSS3 podemos extendernos un poco mas en la visualización de estas validaciones.

 Para la utilización de estos recursos debemos tener en cuenta los diferentes tipos de navegadores, a la hora de introducir nuestro código CSS3 ya que debemos especificar los tipos de navegadores porque recuerden que todos no se comportan igual manejando diferentes librerías y debemos crear una buena compatibilidad de nuestro sitio web con los diferentes navegadores.

 Para esto también debemos tener muy en cuenta la versión de los navegadores en los cuales nuestras validaciones realizadas directamente con HTML5, puesto que en versiones antiguas estas nuevas tecnologías no serán soportadas.

 En el siguiente enlace podrán descargar un ejemplo de esta propiedad.

Descargar

Ver ejemplo:

Comentarios

Publicar un comentario

Entradas más populares de este blog

32 Combinaciones secretas de tu teclado

Por -
Imagen
El botón “Win“ que se puede encontrar en los teclados de computadoras no solo sirve para abrir el menú ”Inicio". Su uso en combinación con otras teclas facilita el trabajo con la computadora y ahorra notablemente el tiempo. Algunas de las funciones de estas combinaciones son: Win — abrir/cerrar el menú “Inicio“; en Windows 8.1, abrir la ventana anterior. Win + A — abrir el Centro de notificaciones (en Windows 10). Win + B — seleccionar el primer icono en el área de notificación (luego puedes cambiar los iconos con flechas). Win + Ctrl + B — abrir el programa que se está mostrando en el área de notificaciones. Win + C — mostrar el panel lateral ”Charm Bar“ (en Windows 8 y 8.1); en Windows 10, abrir Cortana. Win + D — mostrar el escritorio o volver a mostrar la...
Ver mas

Crear Botones con HTML5

Por -
Imagen
Botones con HTML5 <input type="submit"> El elemento input, teniendo el valor "submit" en su atributo type, representa un botón que, cuando es presionado, envía el formulario (form) al que pertenece. Con el arribo de HTML5, varios atributos nuevos han sido agregados a este elemento (formaction, formenctype, formmethod, formnovalidate y formtarget) que definen y anulan ciertos parámetros relacionados a cómo el formulario debe ser enviado. Estos nuevos atributos pueden ser usados, por ejemplo, para proveer más de un botón de envío en un mismo formulario, y hacer que cada uno de ellos lleve a cabo un tipo diferente de envío. <botton></ botton > La etiqueta de HTML <button> representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar. De forma predeterminada, los botones HTML se presentan con un estilo similar en t...
Ver mas