Wie rechtfertige ich Formulareingabefelder mit CSS?
Ich habe ein einfaches Anmeldeformular (der Kürze halber hier :)
%form#signup
%fieldset
%input.email{type:'text'}
%br
.name
%input.first-name{type:'text'}
%input.last-name{type:'text'}
und CSS:
#signup { width: 350px; }
fieldset { width: 100%; }
.name { width: 100%; }
.first-name { width: 30%; }
.last-name { /* occupy remainder of 'name' line */ }
Wie man das so stylt, dass die.email
Feld ist die volle Breite desfieldset
und das.last-name
und / oder.first-name
Die Felder werden so erweitert, dass sie auch die gesamte Breite des Fensters ausfüllenfieldset
und mit der rechten Kante ausgerichtet mit der.email
Feld?
Ja, es könnte einfacher sein, a zu verwendentable
gibt es hier aber einen einfachen weg mit css? Es muss nur für CSS3-kompatible Browser funktionieren und für IE8 und 9 in angemessenem Maße beeinträchtigt werden.
Geigen-Link:http://jsfiddle.net/3UP9H/1