Como recuperar dados utilizando formulários HTML JavaScript


Atualizado: 30 out 2011

Depois de criar um formulário usando HTML, como você pode realizar algumas ações sobre os dados contidos neste formulário. JavaScript fornece métodos para trabalhar com os dados dentro do navegador antes dos dados serem enviados para um servidor ou como uma alternativa para o servidor de processamento. Talvez, o módulo criado fornece a funcionalidade que um servidor precisa processar, como a prestação de algum tipo de calculadora, sem necessidade de armazenamento de dados.

A ação é útil para JavaScript para ver novamente o que está inscrita na forma de um visitante do site antes de os dados são enviados para o servidor para processamento. JavaScript usa dois métodos para exibir informações em uma página web. Um método é o método Write () e outro método é o método getElementByID (). Ambos os métodos de exibir informações, mas o método document.write () cria uma nova página web, se você usar o método após a carga inicial da página web. Para exibir informações sobre uma página já existente, use o método getElementById ().




Em Atributos de formulário

Referindo-se ao formulário criado no módulo hub simples (trecho de código fornecido no final deste hub para referência), você pode perceber que em algumas das variáveis ​​havia um par de atributos adicionais. Por exemplo, o rótulo continha o nome de atributo. Este atributo permite que o programador para se referir ao módulo depois que o visitante preenche o formulário, as seguintes mostras trecho de código:

Resultados Script

A execução do script acima faz com que o navegador para olhar para o documento HTML atual de um elemento chamado "Contact", indicado por document.contactForm ... porções de linhas 2,3 e 4. Neste elemento são três elementos filho chamado "fname", "lname" e "email" especificado nessas linhas.

O navegador recupera os valores desses três elementos e atribui valores a três variáveis ​​declaradas nas linhas 2, 3 e 4, do roteiro. Uma variável é uma memória que um programador especifica como uma área de armazenamento temporário. O programador pode então editar as informações armazenadas na variável.

As linhas 6, 7 e 8 do script e, em seguida, direcionar o navegador para exibir os valores destas variáveis ​​na tela e adicionar rótulos para os valores apresentados. O funções document.writeln () para executar esta tarefa. Qualquer está incluído dentro da abertura e do parêntese de fechamento aparece método "()". As informações contidas entre aspas em parênteses é exibido como valores literais, o sinal de mais no orçamento adicionar ou concatenar informação variável com o texto literal.

Linha 10 do script exibe uma mensagem de confirmação.

Nota: Inclui o script acima no elemento que precede o corpo do documento e o script seria executado depois que o usuário envia o formulário. Este script poderia fazer com que o navegador para limpar a forma que utilizou para inserir os dados e substituir o módulo com as informações contidas no roteiro.

A seguir, saiba como exibir as informações em uma página que você já criou.

simples Contato Código do Formulário

Simples Formulário de Contato Primeiro Nome: Sobrenome: E-mail: Enviar formulário para mais informações

O que você acha?

Seus comentários são sempre bem-vindos.

(0)
(0)

Comentários - 0

Sem comentários

Adicionar um comentário

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caracteres restantes: 3000
captcha