Posicionar label à direita do checkbox

[FabianoSouza 5]

Como consigo esse resultado (label à direito da input)?

Fieldset

<legend></legend>

[ x ] Label da checkbox

[ x ] Label da checkbox

[ x ] Label da checkbox

Fecha fieldset

[Vinicius Cainelli 17]

Só colocar o input dentro da label, assim:

<fieldset>
  <legend>Checkboxes</legend>
  <label for="checkbox_1"><input type="checkbox" name="checkboxes" id="checkbox_1" /> Checkbox 1</label>
  <label for="checkbox_2"><input type="checkbox" name="checkboxes" id="checkbox_2" /> Checkbox 2</label>
  <label for="checkbox_3"><input type="checkbox" name="checkboxes" id="checkbox_3" /> Checkbox 3</label>
</fieldset>

[FabianoSouza 5]

Só colocar o input dentro da label, assim:

<fieldset>
  <legend>Checkboxes</legend>
  <label for="checkbox_1"><input type="checkbox" name="checkboxes" id="checkbox_1" /> Checkbox 1</label>
  <label for="checkbox_2"><input type="checkbox" name="checkboxes" id="checkbox_2" /> Checkbox 2</label>
  <label for="checkbox_3"><input type="checkbox" name="checkboxes" id="checkbox_3" /> Checkbox 3</label>
</fieldset>

Caraaaaca... e eu me matando em ajustar o CSS kkkk

Brigado, Vinicius!!

[FabianoSouza 5]

Ah. aproveitando o gancho...

Vejo que usa a proriedade "name" da input.

Eu uso apenas o ID pois vou recuperar o valor dos campos (com JS) pelo ID.

Isso pode gerar problemas?

[carolkojima 1]

é bom usar o name também, pois eu estava com um problema com a função mail do php, que não estava enviando o e-mail de jeito nenhum, e eu não tenho o costuma de usar name, ai descobri que no form precisava ter o name para que ele funcionasse corretamente.

[Vinicius Cainelli 17]

Use name e ID.
Pois como a Carol disse ai em cima, para enviar os dados, é com o name que você irá trabalhar.

http://stackoverflow.com/questions/1397592/difference-between-id-and-name-attributes-in-html

[FabianoSouza 5]

Ah, legal.

Mas acho que no caso de vocês deve ser porque submetem o form, certo?

Geralmente uso AJAX para enviar e receber dados. Aí uso o famoso

document.getElementbyId('id_do_meu_input').value e envio pelo AJAX.

Pelo menos até hoje o fato de não usar o name nas input não tem criado problemas (por uso JS e não o submit do form).

Mas de todo modo a recomendação de vocês é super válida.

Valew!