Usar formulários para reunir informações de usuários

Última atualização em 20 de dez de 2021

Sobre a coleta de informações dos usuários

Você pode usar formulários web ou links de hipertexto para coletar informações de usuários, armazenar essas informações na memória do servidor e depois usar as informações para criar uma resposta dinâmica com base na entrada do usuário.As ferramentas mais comuns para coletar informações dos usuários são formulários HTML e links de hipertexto.

Formulários em HTML

Permitem coletar informações de usuários e armazená-las na memória do servidor. Um formulário HTML pode enviar as informações como parâmetros de formulário ou como parâmetros de URL.

Links de hipertexto

Permitem coletar informações de usuários e armazená-las na memória do servidor. Você especifica um valor (ou valores) a ser enviado quando um usuário clica em um link—uma preferência, por exemplo—anexando o valor à URL especificada na tag âncora. Quando um usuário clica no link, o navegador envia a URL e o valor anexado para o servidor.

A interface de usuário foi simplificada no Dreamweaver 2017. Logo, talvez você não consiga encontrar algumas das opções descritas neste artigo no Dreamweaver 2017 e em versões posteriores. Para obter mais informações, consulte este artigo (em inglês).

Parâmetros de formulário em HTML

Parâmetros de formulário são enviados para o servidor por meio de um formulário HTML usando o método POST ou GET.

Ao usar o método POST, os parâmetros são enviados para o servidor web como parte do cabeçalho do documento e não são visíveis ou acessíveis para quem está visualizando a página usando métodos padrão. O método POST deve ser usado para valores que afetam o conteúdo do banco de dados (por exemplo, inserir, atualizar ou excluir registros), ou para valores que são enviados por email.

O método GET anexa parâmetros à URL solicitada. Os parâmetros ficam visíveis para qualquer pessoa que esteja exibindo a página. O método GET deve ser usado em formulários de pesquisa.

Você pode usar o Dreamweaver para projetar rapidamente formulários HTML que enviam parâmetros de formulário para o servidor. Esteja ciente do método usado para transmitir informações do navegador para o servidor.

Os parâmetros de formulário usam os nomes dos objetos de formulário correspondentes. Por exemplo, se o formulário contém um campo de texto chamado txtLastName, então o seguinte parâmetro de formulário é enviado para o servidor quando o usuário clica no botão Enviar:

txtLastName=valorinserido

Em casos em que um aplicativo web espera um valor de parâmetro preciso (por exemplo, quando executa uma ação baseada em uma das várias opções), use um botão de opção, caixa de seleção ou objeto de formulário lista/menu para controlar os valores que o usuário pode enviar.Isso impede que usuários digitem informações incorretamente e causem um erro no aplicativo. O seguinte exemplo mostra um formulário de menu pop-up que oferece três opções:

Formulário de menu pop-up

Cada escolha do menu corresponde a um valor codificado que é enviado como parâmetro de formulário para o servidor. A caixa de diálogo Valores da lista no seguinte exemplo combina cada item da lista com um valor (Adicionar, Atualizar ou Excluir):

Caixa de diálogo Valores da lista

Depois que um parâmetro de formulário é criado, o Dreamweaver pode recuperar o valor e usá-lo em um aplicativo web. Depois de definir o parâmetro de formulário no Dreamweaver, você pode inserir seu valor dentro de uma página.

Parâmetros de URL

Parâmetros de URL permitem passar informações fornecidas pelo usuário do navegador para o servidor. Quando um servidor recebe uma solicitação e parâmetros são anexados à URL da solicitação, o servidor dá acesso aos parâmetros para a página solicitada antes de servir essa página para o navegador.

Um parâmetro de URL é um par nome-valor anexado a uma URL. O parâmetro inicia com um ponto de interrogação (?)e usa a forma nome=valor. Se existir mais de um parâmetro de URL, cada parâmetro é separado por um "e" comercial (&).O exemplo a seguir mostra um parâmetro de URL com dois pares nome-valor:

http://servidor/caminho/documento?nome1=valor1&nome2=valor2

No fluxo de trabalho desse exemplo, o aplicativo é uma loja baseada na Web. Como os desenvolvedores do site querem alcançar o maior público-alvo possível, o site foi projetado para oferecer suporte a moedas estrangeiras.Quando os usuários fazem logon no site, eles podem selecionar a moeda em que desejam ver os preços dos itens disponíveis.

O navegador solicita a página report.cfm do servidor. A solicitação inclui o parâmetro de URL Currency="euro". A variável Currency="euro" especifica que todas as quantias monetárias recuperadas sejam exibidas como euro da União Europeia.

O servidor armazena temporariamente o parâmetro de URL na memória.

A página report.cfm usa o parâmetro para recuperar o custo dos itens em euros.Essas quantias monetárias podem ser armazenadas em uma tabela de banco de dados com moedas diferentes, ou convertidas de uma única moeda associada a cada item (qualquer moeda suportada pelo aplicativo).

O servidor envia a página report.cfm para o navegador e exibe o valor dos itens na moeda solicitada.Quando este usuário finaliza a sessão, o servidor limpa o valor do parâmetro de URL, liberando a memória do servidor para manter novas solicitações de usuário.

Parâmetros de URL também são criados quando o método HTTP GET é usado em conjunto com um formulário HTML.O método GET especifica que o valor do parâmetro seja anexado à solicitação de URL quando o formulário for enviado.

Os usos típicos de parâmetros de URL incluem personalização de sites baseada em preferências do usuário.Por exemplo, um parâmetro de URL composto por nome de usuário e senha pode ser usado para autenticar um usuário, exibindo apenas as informações que o usuário assinou.Exemplos comuns disso incluem sites financeiros que exibem preços individuais de ações baseados em símbolos do mercado de ações que o usuário escolheu anteriormente.Desenvolvedores de aplicativos web costumam usar parâmetros de URL para transmitir valores a variáveis dentro de aplicativos.Por exemplo, você pode transmitir termos de pesquisa para variáveis SQL em um aplicativo web para gerar resultados da pesquisa.

Você cria parâmetros de URL dentro de um link HTML usando o atributo href da tag de âncora HTML.Você pode inserir os parâmetros de URL diretamente no atributo na visualização Código (Visualizar > Código), ou anexando os parâmetros de URL ao final da URL do link na caixa Link do Inspetor de propriedades.

No exemplo a seguir, três links criam um único parâmetro de URL (action) com três valores possíveis (Add, Update, e Delete).Quando o usuário clica em um link, um valor de parâmetro é enviado para o servidor, e a ação solicitada é executada.

<a href="http://www.mysite.com/index.cfm?action=Add">Adicionar um registro</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Atualizar um registro</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Excluir um registro</a>

O inspetor de propriedades (Janela > Propriedades) permite criar os mesmos parâmetros de URL selecionando o link e anexando os valores dos parâmetros de URL no final da URL do link na caixa Link.

Inspetor de propriedades

Depois que um parâmetro de URL é criado, o Dreamweaver pode recuperar o valor e usá-lo em um aplicativo web.Depois de definir o parâmetro de URL no Dreamweaver, você pode inserir seu valor em uma página.