No meu form selecionar campo text com o click do mouse não funciona?

[aw10 0]

Tenho um formulário simples, e quando o cliente seleciona o campo Nome(exemplo), ou outro campo qualquer com o mouse não fica setado, volta ao primeiro campo novamente, e só aceita a mudança com a tecla "tab" será que fiz algo errado.

A baixo está o código que utilizo

 

<div id="simples" class="cont_conta">
    <form name="cadastro" method="post" action="cadastrar.php">
    
    <label> 
    <span>Nome</span>
    <input name="nome" type="text" id="nome" value=" " />
 
    <span>Sobrenome</span>
    <input name="sobrenome" type="text" id="sobrenome" value=" " /><br />
    </label>
    
    <label class="nadir"> 
    <span>Email</span> 
    <input name="email" type="text" id="email" value=" " />

    <span>     Usu�rio</span> 
    <input name="usuario" type="text" id="usuario" value=" " />
    </label><br /><br />
    
    <label> 
    <span>+ informa��es sobre voc�</span>
    </label><br />
    </label>
	</label>
	<label>
    <textarea name="info" id="info" cols="50" rows="8"  > </textarea> <br />
    </label><br />
    
    <label>
    <input type="submit" class="send" name="Submit" value="Cadastrar" /> <br />
    </label>
     
    </form><br />
</div>

 

[allex_carvalho 124]

O correto é usar um label por input:

 

<label for="nome"> 
    <span>Nome</span>
    <input name="nome" type="text" id="nome" value="" />
</label>

 

Corrija isso e estará funcionando 100%.

[Bru_ce 53]

Você esta errando a forma de usar as labels ..

 

Utilize assim e ajuste os demais desta maneira.

 

<label>Nome:</label>
<input name="nome" type="text" id="nome" value=" " />

[Daniela Ghidini 0]

Acho que ficou faltando abrir e fechar as labels nos lugares certos... A label deve ser usada como rótulo. Tenta também usar ao invés de só a tag <label>, usar <label for="a id do input">. Fica mais semântico. Ex.:

	<div id="simples">
	    <form type="text" name="cadastro" method="post" action="cadastrar.php">
	    
		    <label for="nome">Nome</label>
		    <input type="text" name="nome" id="nome" value="" />
		 
		    <label for="sobrenome">Sobrenome</label>
		    <input type="text" name="sobrenome" id="sobrenome" value="" />
		   
		    
		    <label for="email">Email</label>
		    <input type="text" name="email" id="email" value="" />
		
		    <label for="usuario">Usuário</label>
		    <input type="text" name="usuario" id="usuario" value="" />
		    
		    <p>+ informaçoes sobre voce<p>
		
		    <textarea name="info" id="info" cols="50" rows="8"></textarea>
		    
		    <input type="submit" name="Submit" value="Cadastrar" />
	     
	    </form>
	</div>

Tirei as classes e os spans, porque não sei o como esta seu css. Mas é por aí. Abraço!