Na maior parte dos sites desenvolvidos sempre tem uma página de contato com um formulário a ser preenchido. E quando acessamos este tipo de página queremos logo preenchê-lo. Porém, muitos sites não deixam o foco no campo, quero dizer, o cursor piscando.
Então, para resolver este problema e para agilizar o trabalho de quem chega em seus sites, basta seguir os passos abaixo:
1. Toda página de contato submite os seus dados preenchidos para o servidor. Para que isto ocorra, o primeiro passo é criar a Tag <FORM>.
Sintaxe Básica:
<FORM ACTION=”url” METHOD=”GET ou POST”>
Podemos incluir eventos e outros atributos para a Tag <FORM>.
A Tag <FORM> pode conter vários inputs, tipo caixa de seleção (checkbox), botão de rário (radio), botão de envio de dados (submit), entrada de texto (text), entrada de senhas (password) e muito mais.
Exemplo:
2. Finalizando, estes códigos devem estar dentro das Tags <body> </body>.
Para que o foco apareça no campo de sua escolha, basta digitar o seguinte código:
<body onLoad=”document.frmEnviaDados.txtnome.focus();“>
–> separando as partes:
document: instância de um objeto que é criado todas vez que visualiza uma página HTML.
frmEnviaDados: é o nome dado ao formulário – valor do atributo “name”.
txtnome: nome dado ao campo que vai receber o foco. Refere-se ao campo onde o usuário vai digitar seu nome.
focus(): coloca o foco da página no campo de texto.
Até a próxima!