Buscar Más buscado
Capitulos de este wiki
  1. 1 Diseñando Formularios con CSS (I Parte)
  2. 2 Diseñando Formularios con CSS (II Parte)
  3. 3 Las Líneas Html: Fieldset, Legend y Label
  4. 4 Un poco de CSS

Diseñando Formularios con CSS - Las Líneas Html: Fieldset, Legend y Label

3 - Las Líneas Html: Fieldset, Legend y Label

Artículo creado por Balú. Extraido de: http://www.baluart.net/articulo/47/disenando-formularios-con-css-i-parte.php
11 de Agosto de 2006
< anterior | 1 2 3 4 | siguiente >

El código html que vamos a utilizar no necesita de ninguna tabla para mantener su orden, margen y estructura. De manera que vamos a utilizar, como se debe, los tags html especiales para los formularios. Fieldset y legend devienen en importantes. Estos tags se merecen un apartado especial, que no es el momento de tocar. Simplemente decir, que con fieldset podemos organizar el formulario en secciones lógicas y con legend asignamos un título a un área específica del fieldset.

Teniendo claro esto, veamos el código html. Dentro del body colocamos:

<div id="registro">
<fieldset>
<form>
<legend>Registro de Nuevo Usuario</legend>
<p>
<label for="user">Usuario:</label>
<input name="username " type="text" size="20" />
<br />
<label for="pass">Contraseña:</label>
<input name="password" type="password" size="20" />
<br />
<label for="pass">E-mail:</label>
<input name="email " type="text" size="20" />
<br />
<label for="pass">Nombres:</label>
<input name="firstname" type="text" size="20" />
<br />
<label for="pass">Apellidos:</label>
<input name="lastname " type="text" size="20" />
<br />
<label for="pass">Dirección:</label>
<textarea name="address" cols="26" rows="3">
</textarea>
<br />
<input name=" insert" type="submit" value="Aceptar" class="enviar"/>
</p>
</form>
</fieldset>
</div>

Este código es muy simple y no necesita mayor explicación. Veamos el CSS.

< anterior | 1 2 3 4 | siguiente >

Opinar
1 opinión

hola

hola

Artículos relacionados con 'Diseñando Formularios con CSS'

Diseñando Formularios con CSS
En este artículo, veremos la variedad de caminos con los cuales podemos hacer formularios atractivos... Más »

Anuncios Google

Autor y licencia de 'Diseñando Formularios con CSS'

Esta obra está bajo una licencia de Creative Commons
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.