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

La etiqueta <fieldset> agrupa campos del formulario y la etiqueta <legend> asigna un nombre a cada grupo. <fieldset> agrupa elementos de un formulario que están relacionados entre sí. Por ejemplo, podríamos agrupar los datos personales de un usuario en un <fieldset> y los datos bancarios en otro. Además, este control dibuja un marco alrededor de los componentes encerrados entre <fieldset> y </fieldset>. Ejemplo: < form action = "maneja_formulario.php" method = "post" > < fieldset > < legend > Datos personales < / legend > Nombre < br / > < input type = "text" name = "nombre" value = "" / > < br / > Apellidos < br / > < input type = "text" name = "apellidos" value = "" / > < br / > DNI < br / > < input type = "text...

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

El atributo disabled deshabilita a un grupo entero de opciones de una sola vez . Esto impide al usuario la interacción con todas las opciones en el grupo deshabilitado. Ejemplo:   <p> Elije una animal: <select> <optgroup label= "África" > <option> Elefante </option> <option> Jirafa </option> <option> Cebra </option> <option> León </option> </optgroup> <optgroup label= "Oceanía" disabled> (*) <option> Demonio de Tasmania </option> <option> Koala </option> <option> Canguro </option> </optgroup> </select> </p> (*) Todas las opciones "Oceanía" aparecerán deshabilitadas en el menú desplegable . Fuentes: Activate, Google España htmlquick  

El elemento < optgroup> representa un grupo de opciones ( option ) temáticamente definido , que forma parte de un control select . Las opciones agrupadas pueden ser etiquetadas mediante el atributo label , que usarán los navegadores para mostrar como nombre del grupo. La agrupación de opciones en un control select puede mejorar la legibilidad y la facilidad de uso. Los autores deberían usar este elemento siempre que sea posible. El atributo label es obligatorio en el elemento optgroup ( mediante el cual se especifica el texto que aparece en el desplegable ) y debería proveer a los usuarios una pista o descripción acerca de los contenidos del grupo. Ejemplo: <p>   Elije un auto:   <select>     <optgroup label= "Fiat" > <option> Punto </option> <option> Panda </option> </optgroup> <optgroup label= "Peugeot" > <option>Ion /option> ...

La conducta del elemento select  varia sustancialmente de acuerdo al valor del atributo múltiple , el cual decide si el control permitirá a los usuarios elegir una sola opción o muchas.  Dependiendo del valor de este atributo, el control select puede compararse con los botones de opción (cuando el atributo múltiple está ausente), que permiten a los usuarios elegir solo una opción entre muchas, y a las casillas de verificación (cuando el atributo múltiple está presente), que permiten a los usuarios la selección de tantas opciones como estén disponibles. Ejemplo definiendo una opción predeterminada . Esta opción aparecerá seleccionada cuando la página se carge por primera vez y cuando el usuario restaure el formulario . Para hacer una opción predeterminada, solo necesitamos declarar el atributo selected para la misma. Si el atributo multiple no está presente en el control, solo una opción en la lista puede tener el atributo selected declarado. <form a...