En los manuales anteriores veiamos como crear formularios. Las etiquetas fieldset y legend se usan para enmarcar estos formularios y se usan de forma conjunta.

Con estas etiquetas podremos agrupar las partes de nuestro formulario y etiquetarlos como corresponda y además quedará mas bonito.

Con la etiqueta fieldset creamos el recuadro del formulario

<fieldset>

Nombre <input type=”text” name=”nombre”>

Apellidos <input type=”text” name=”apellido”>

</fieldset>

Y asi nos quedaria:

Nombre

Apellidos

 

Con la etiqueta legend le ponemos el nombre a la agrupacion del formulario, nombre visible me refiero para que quede entre el recuadro del fieldset. La etiqueta se pone dentro de la otra. Tambien podemos indicarle la alineacion de donde queremos que vaya el texto con el atributo align

<fieldset>

<legend align=”left”>Datos personales</legend>

Nombre: <input type=”text” name=”nombre”>

Edad: <input type=”text” name=”edad” size=”2″>

</fieldset>

<fieldset>

<legend align=”left”>Datos academicos</legend>

Estudios realizados: <input type=”text” name=”estudios”>

Centro de estudios: <input type=”text” name=”centro”>

</fieldset>

Y nos quedaría así

Datos personales

Nombre:

Edad:

Datos academicos

Estudios realizados:

Centro de estudios:

 

Y con esto ya sabemos enmarcar y agrupar bien nuestros formularios. Como siempre espero que os sirva de ayuda :). Un saludo

Quizás pueda interesarte

Suscríbete a nuestro boletín

 

 

Política de Privacidad

Revisa tu correo electrónico para finalizar el registro

Advertisment ad adsense adlogger