mayo 03, 2006

Usando Label en formularios

Leo de mano de Pete Freitag como "estilizar" formularios con CSS y me ha gustado el uso que hace de los poco conocidos tags label, cuya principal función es servir como texto pinchable que se asocia con la activación de un control, por ejemplo:

Pinchando los textos se activan los campos:



Su forma de manejar estos tags consiste en definir un identificador para los mismos y mediante CSS alinearlos adecuadamente, siguiendo el mismo ejemplo:



<style>
label { position: absolute; text-align:right; width:100px; }
input { margin-left: 110px; }
</style>
<form name="input" action="">
<label for="male2">Male</label>
<input type="radio" name="sex" id="male2" />
<label for="female2">Female</label>
<input type="radio" name="sex" id="female2" />
</form>

Tags:

comentarios: