Iniciando no HTML: Botão submit, apagar campos e outros em formulários HTML


Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/127.php



Digg del.icio.us

Os formulários têm de dar lugar não somente à informação a tomar do usuário como também, a outra série de funções. Concretamente, permite-nos seu envio mediante seu botão. Também pode ser prático poder propor um botão de Apagar Campos ou também, acompanhá-lo de dados ocultos que possam ajudar-nos em seu processamento.

Neste capítulo, para terminar a saga de formulários, tornaremos conhecidos os meios de instalar todas estas funções.

Botão submit (ou de envio)

Para finalizar o processo de preenchimento do formulário e fazê-lo chegar a seu gestor, o navegante tem de validá-lo por meio de um botão previsto para tal efeito. A construção de tal botão não implica nenhuma dificuldade uma vez familiarizados com as etiquetas input já vistas:



Rode e veja o resultado.

Como pode ser visto, somente temos de especificar se trata de um botão de envio (type="submit") e temos de definir a mensagem do botão por meio do atributo value.

Botão apagar campos

Este botão nos permitirá apagar o formulário por completo no caso de que o usuário deseje refazê-lo desde o princípio. Sua estrutura sintática é igual a anterior:



A diferença do botão de envio, indispensável em qualquer formulário, o botão de Apagar Campos é meramente optativo e não é utilizado freqüentemente. Há de ter cuidado de não coloca-lo muito perto do botão de envio e de distinguir claramente um do outro.

Dados ocultos

Em alguns casos, aparte dos próprios dados enviados pelo usuário, pode ser prático enviar dados definidos por nós mesmos que ajudem ao programa em seu processamento do formulário. Estes tipos de dados, que não se mostram na página, mas que podem ser detectados solicitando o código fonte, não são freqüentemente utilizados por páginas construídas em HTML, são mais usados por páginas que empregam tecnologias de servidor. Não se assustem, pois veremos mais adiante o que isto quer dizer. Queremos apenas dar constância de sua existência e de seu modo de criação. Como por exemplo:



Esta etiqueta, incluída dentro de nosso formulário, enviará um dado adicional ao correio ou ao programa encarregado da gestão do formulário. Poderíamos a partir deste dado, tornar conhecido ao programa a origem do formulário ou algum tipo de ação a realizar (um re-endereçamento, por exemplo).

Botões normais

Dentro dos formulários também podemos colocar botões normais, clicáveis como qualquer outro botão. Da mesma forma que ocorre com os campos hidden, estes botões por si só não têm muita utilidade, mas poderemos necessita-los para realizar ações no futuro. Sua sintaxe é a seguinte:



Rode e veja o resultado.

O uso mais frequente de um botão é na programação no cliente. Utilizando linguagens como Javascript podemos definir ações a tomar quando um visitante clique o botão de uma página web.

Exemplo de formulário

Com este capítulo finalizamos nosso assunto sobre formulários. Passamos agora a exemplificar todo o aprendido a partir da criação de um formulário que consulta o grau de satisfação dos usuários de uma linha de ônibus fictícia. O formulário está construído para que envie os dados por correio eletrônico a uma caixa de entrada determinada.

A seguir mostraremos o código fonte de um formulário que agrega tudo o que foi visto nesta parte de formulários, que é importante que todos dêem uma olhada, mesmo que seja rapidamente:



Para acabar, vamos ver o que receberiam por correio eletrônico na empresa de ônibus quando um usuário qualquer preenchesse este formulário e clicasse sobre o botão de envio:





Enviado por xKuRt em


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Terça, 27 de Junho de 2017




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Invasão de Redes - Ataques e Defesas


Capa do livro
Use a Cabeça! Redes de Computadores


Capa do livro
HTML 5 e CSS3: Desenvolva Hoje Com O Padrão De Amanhã





Hostnet

IMD