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:
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:
Qué bueno Jmiur, que tengas un buen día y los siguientes mejores :)
in XHTML we can't writed only required
<input type="text" placeholder="ingresar texto ..." required />
<input type="text" placeholder="ingresar texto ..." required="" />
You should write required="required" or just required=""
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
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.
¿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
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 ...