Olá galera! Tudo bem? Vamos falar um pouco de JavaScript.
Tag(s):
códigos, focus, html, JavaScript, scripts, tags
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:
<form action="enviar_dados.php"
method="post" name="frmEnviaDados">
<input maxlength="20" name="txtnome"
size="20" type="text" />
<input maxlength="20" name="txtemail"
size="20" type="text" />
</form>
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 galera!
Nenhum comentário:
Postar um comentário