Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/11/2012, 06:56
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Duda dando estilos a formularios

Cita:
Iniciado por alyciashape Ver Mensaje
Que además es más funcional, porque si pinchas en el nombre de la etiqueta también te marca el campo.
En realidad da igual donde coloques el input, si fuera de label o dentro. La cosa es que label lleva el atributo for, en donde si le pones como valor el ID del input, entonces pasará eso que dices si pinchas marca el campo. Aunque no sé ahora mismo si esto viene desde XHTML o es cosa de HTML5.

Código HTML:
Ver original
  1. <label for="nombre>Nombre</label>
  2. <input id="nombre" type="text">

En cualquier caso, yo te diría ya que te metes en XHTML, pues meterte con HTML5 que aunque sea un borrador aún, todos los navegadores actuales lo implementan y soportan.

Respecto a la duda de cómo hacer aquello de los span dentro del label, una forma sería hacer algo así:
Código CSS:
Ver original
  1. label span {
  2.   display: inline-block;
  3.   width: 100px;
  4.   text-align: right;
  5.   padding-right: 10px;
  6. }