Etiqueta FIELDSET

 Todos (los sevillistas) habéis visto en la web del Sevilla un cuadro con texto en el interior como este:

Clica en la imagen para ver en grande

La etiqueta FIELDSET originalmente está diseñada para agrupar elementos dentro de un formulario, de esta forma varios INPUT se pueden organizar dentro de un campo de un formulario. Por ejemplo este código:

<form>
<fieldset>
<legend>Datos personales:</legend>
Nombre: <input type="text" size="30" /><br />
Dirección: <input type="text" size="30" /><br />
Teléfono: <input type="text" size="30" />
</fieldset>
</form>

Se convierte en esto:

Datos personales:

Nombre:
Dirección:
Teléfono:

Hay muchos tipos de etiquetas FIELDSET, y os voy a enseñar todas:

Ingredientes

- 1 cebolla grande (unos 300g)
- chiles serranos u otro al gusto, o guindillas
- 750 g de tomates rojos sin piel en cubitos
- 12 tiras de tocino ahumado (panceta, beicon)
- 1 kg de filete de res (lomo bovino), cortado en trozos de 5 cm x 1 cm)
- sal y pimienta
- aceite
* Ingredientes tomados de la receta Puntas de filete a la norteña [Gabriela, clavo y canela 2011]

El código de ese es el siguiente:

<fieldset>
<legend>Título</legend>
... Aquí va el texto ...
</fieldset>

 Luego tenemos este otro:

Título

... Aquí va el texto ...

Su código es este:
<fieldset style="border:6px groove #ccc; background:#F8ECE0;">
<legend style="font-weight:bold; color:#61380B;">Título</legend>
... Aquí va el texto ...
</fieldset>


Follow @adrisevillista