JMiur [E]

El atributo required es otra de las nuevas alternativas que se agregan al HTML5 y lo que hace es indicar que cierto campo debe ser "llenado" y evitar que un formulario se envíe sin contenido.

No tiene nada especial, basta ponerlo en la etiqueta INPUT:
<input type="text" placeholder="ingresar texto ..." required />
y el navegador se encargará del resto mostrando un mensaje de advertencia aunque,como el resto de estas cosas, no funcionará en las versiones viejas de Internet Explorer:


Estos son dos ejemplos básicos; el primer formulario es "normal:




Y este otro posee el atributo required y como se ve, el navegador lo identifica agregándole una sombra de color:




En Firefox, el estilo de estos campos varía ya que se le agrega una sombra rojiza pero, así como muchos de los otros agregados del HTML5, esto también puede ser personalizado utilizando CSS y para eso, se utiliza la pseudo-clase :required. De este modo, le quitaríamos esa sombra:
:required { box-shadow:none;}
o de esta forma, los podríamos diseñar a gusto en cualquier navegador que acepte ese atributo, agregando cualquier propiedad:
.demos input:required {
   box-shadow: 0 0 5px #F00;
}


5 comentarios:

Graciela de Palomas  

Qué bueno Jmiur, que tengas un buen día y los siguientes mejores :)

Responder
Beben Koben  

in XHTML we can't writed only required
<input type="text" placeholder="ingresar texto ..." required />
<input type="text" placeholder="ingresar texto ..." required="" />

Emilio Cobos Álvarez  

You should write required="required" or just required=""

Responder
Abaddon Ormuz  

Si esto fuera igual para cualquier navegador sería genial, pero no, IE "el enemigo natural del diseño web" tenía que salir con sus cosas :P

JMiur  

Como todas estas cosas del HTML5, los distintos navegadores las incorporan parcialmente; en Safari tampoco funciona y en IE10 ya está agregado de modo definitivo.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR