É possível definir o foco de entrada padrão em um formulário HTML sem usar JavaScript, por exemplo:
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>Desejo definir o foco padrão para qualquer uma das caixas de texto quando o formulário for carregado sem o uso de JavaScript (como desejo que o comportamento ocorra quando um usuário tiver o js desativado).
Respostas:
Você pode fazer isso em HTML5, mas, caso contrário, você deve usar JavaScript.
O HTML5 permite adicionar autofocusao seu elemento do formulário, por exemplo:
<input type="text" name="myInput" autofocus />Isso funciona em navegadores que suportam HTML5 (ou melhor, navegadores que suportam essa parte específica do HTML5), mas como você sabe, nem todos podem usá-lo ainda.
Algo a ter em atenção ... se você definir um elemento de formulário focado, qualquer pessoa que utilize a Tecnologia Assistida (AT) como um leitor de tela precisará fazer backup para ver menus e qualquer outro conteúdo que esteja antes do campo focado.
Um método preferido, na minha opinião, é não definir o foco para nenhum campo, exceto um skip-link, se disponível. Isso lhes dá a opção de pular o conteúdo das páginas ou ler a página de cima para baixo.
Como já foi dito, sem Javascript, você não pode garantir um campo padrão. Uma opção alternativa que você pode querer experimentar, se você tiver vários campos que um usuário pode querer acessar, está usando o comandoaccesskey atributo Isso significa essencialmente que um usuário pode retornar a qualquer um dos campos instantaneamente mais tarde durante a navegação, o que pode ser útil para usuários de leitores de tela, etc.
O artigo da Wikipedias sobre esse assunto é bastante útil - http://en.wikipedia.org/wiki/Access_key
Isso não é possível sem alguma forma de script. Até a página inicial do Google requer Javascript para focar no campo de pesquisa.
Você pode usar o atributo tabindex e, no entanto, usar o valor mais baixo na caixa de texto padrão. Verifique aqui o suporte ao navegador:
http://reference.sitepoint.com/html/object/tabindex#compatibilitysection
O site sugere que
(em quase todos os outros casos - ou seja, controles e links de formulário - o tabindex possui excelente suporte)