Publicado em 23 de jul.

label e os forms

Boa noite....

Estou numa discução sobre o uso o label em forms.... por exemplo em radio ele é usando assim

<label for="cardType1A"><input id="cardType1A" name="card1" type="radio" />American Express</label>

E em fild do tipo texto?

Vejo gente usando da mesma maneira ( <label for="cardType1A"><input id="cardType1A" name="card1" type="text" />American Express</label> )

e tb assim:

<label for="cardType1A">American Express</label>

<input id="cardType1A" name="card1" type="text" />

Qual delas é a correta?

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

brcontainer· 7 de ago.

poxa eu uso a segunda, porem ainda não tinha parado para ver isso, já que tanto quanto input e label são inlines não via diferença. porem vou ver no w3c e em breve posto.

Pelo que eu li ambas formas são corretas:

Assim o input está associado sem ID e FOR mas diretamente ao LABEL.

<label>
	<INPUT Type="text" name="lastname">
	Sobrenome
</ LABEL>

Assim está ligado atravez de ID e FOR:

<label For="email"> email: </ LABEL>
 <INPUT Type="text" id="email">

Ambas maneiras funcionam e são corretas. Detalhe use FIELDSET tambem de preferencia em locais que contenham muitos inputs, use-o para separar os inputs nesse tipo

<fieldset>
<legend>Informações pessoais</legend>
<label><input /></label>
<label><input /></label>
<label><input /></label>
</fieldset>
<fieldset>
<legend>Login e senha</legend>
<label><input /></label>
<label><input /></label>
<label><input /></label>
</fieldset>
e se você necessitar de mais algum elemento, use o elemento <SPAN></SPAN>(se necessario aplique com display:block;)