Blog de Notas sobre Temas Introductorios al Desarrollo Web: HTML y CSS

 El elemento label representa una etiqueta que puede ser asociada a un control de formulario, y que se supone provee una descripción corta para éste. Los navegadores pueden enlazar ambos elementos permitiendo que los usuarios establezcan el enfoque sobre el control al hacer clic en su etiqueta.   Dicho elemento no muestra absolutamente nada en pantalla y, sin embargo, es una etiqueta que mejora la usabilidad y accesibilidad de los formularios . Es fundamental para usuarios que utilicen algún tipo de ayuda a la navegación. Existen dos formas de asociar a un elemento label con un control: insertando al texto de la etiqueta y al control dentro de label (Ejemplo Nº1) ; o haciendo que coincidan los valores del atributo id en el control y del atributo for en label( Ejemplo Nº2) . Ejemplo Nº1: <form action= "../../form-result.php" method= "post" target= "_blank" > <p> <label> Nombre de usuario: <input type= ...

Del mismo modo que “size” en los <input /> de tipo “text” tomaba como parámetro el número de caracteres de ancho, <textarea> define la anchura mediante el atributo cols, por defecto a 20; y el alto mediante “rows”, por defecto a 2 . Ejemplo: <form action= "../../form-result.php" target= "_blank" > <p> Agregar una nueva descripción: </p>   <p> <textarea name= "descripcion" cols= "40" rows= "5" > </textarea> </p> <p> <input type= "submit" value= "Enviar" > </p> </form> Agregar una nueva descripción : Fuentes: Activate, Google España htmlquick