Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu criei um formulário de busca e nesse formulário existe apenas um campo(input) visível e ele tem que estar com o foco quando o usuário entrar na página. Eu pensei em utilizar o atributo do HTML autoFocus para não ter usar javascript.
O problema é que eu não estou conseguindo fazer esse atributo funcionar! kkkk
Segue o código abaixo:
<form id="formBusca" name="formBusca" action="#" method="post" class="escondido">
<fieldset>
<legend class="padding-bottom-5px text-center">Pesquisar Pedido</legend>
<div class="row">
<div class="form-group col-sm-offset-3 col-sm-6">
<div class="input-group">
<input type="text" class="form-control" name="busca_pedido" id="busca_pedido" placeholder="Buscar pedido..." autocomplete="off">
<input type="hidden" class="validate-id" name="id_pedido_venda_materia_prima" id="id_pedido_venda_materia_prima" value="" autocomplete="off">
<span class="input-group-btn">
<button type="button" class="btn btn-info" id="btnPesquisar" name="btnPesquisar" class="btn btn-info">
<span class="glyphicon glyphicon-search"></span> Pesquisar
</button>
</span>
</div>
</div>
</div>
<span class="loader busca escondido"><img src="imagens/googleloader.gif"> Carregando dados... </span>
</fieldset>
</form>
Estou utilizando o framework twitter Bootstrap.
Desde já eu agradeço!>
36 minutos atrás, juninhogpe disse:
Testei assim e funcionou:
<input type="text" class="form-control" name="busca_pedido" id="busca_pedido" placeholder="Buscar pedido..." autocomplete="off" autofocus>
@juninhogpe, funcionou corretamente. O problema era que esse formulário inicialmente ele estava escondido e através de uma ação de um botão, é que esse formulário aparecia. Pois bem, o foco no campo já estava funcionando é que quando eu clicava no botão, o foco do campo saia e ai quando o formulário aparece (logicamente) o foco já não esta mais no campo.
Foi erro técnico meu e não da propriedade autofocus! hehehe!
Obrigado mesmo assim!@Bruno M Duarte essas coisas acontecem, qlqr coisa é só falar.
tenta colocar isso no evento do botão:
document.getElementById("busca_pedido").focus();
Testei assim e funcionou:
<input type="text" class="form-control" name="busca_pedido" id="busca_pedido" placeholder="Buscar pedido..." autocomplete="off" autofocus>