0

Formulário com Frames Dinâmicos em JavaScript

jsFormulário com Frames Dinâmicos em JavaScript

Nesta postagem exemplifico um exemplo simples de como criar um formulário dividido em frames sanfonados. Ao clicar em suas labels podemos ocultar ou deixar visível o conteúdo do formulário.

formAccordion

Para obter o efeito sanfonado no seu formulário basta seguir  a implementação a seguir:

  • 1º Passo: Criar a Folha de Estilo, salve com o nome style.css.

  • 2º Passo: Criar o Javascript, salve com o nome jscript.js.

 

 

Na primeira função a ser carregada pelo navegador capturamos os elementos e os labels presentes em nossa página html, já na função  showBlock() definimos o evento de clique do mouse para esconder e mostrar a label clicada pelo usuário.

3º Passo: Criar o Formulário HTML e incorporar na página a folha de estilo e javascript.

 

Mantenha todos os arquivos criados no mesmo diretório, ou não se esqueça de ajustar a chamada de cada arquivo caso queria manter em diretórios diferentes.

Paulo R. Marinho

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

59 − = 55