Você pode criar um formulário da web visualmente no Dreamweaver inserindo elementos de formulário em uma página, mas isso é apenas parte da tarefa. A outra parte mais complexa é desenvolver um mecanismo para manipular os dados que seus visitantes enviam com o formulário. Os dados são salvos, às vezes, em um banco de dados do cliente, por exemplo. Normalmente, a tecnologia de aplicativos da Web, como PHP ou Adobe ColdFusion, manipulam dados de formulário.

Este artigo descreve como criar um formulário da Web simples. O desenvolvimento de um mecanismo para manipular dados de formulário enviados não é tratado neste artigo. Para obter instruções detalhadas sobre a criação de formulários e um mecanismo para manipular dados enviados com PHP, consulte esta série de tutoriais no Centro do Desenvolvedor da Adobe.

Criar um formulário da Web

  1. Abra uma página na exibição Design do Dreamweaver e coloque o ponto de inserção onde deseja que o formulário seja exibido.
  2. Selecione Inserir > Formulário > Formulário. Ou, selecione a categoria Formulários no painel Inserir (o pequeno triângulo abaixo da guia do painel) e clique no ícone Formulário. O Dreamweaver insere um formulário do vazio. Na exibição Design, um contorno vermelho pontilhado indica os formulários. Se você não vir esse contorno, selecione Exibir > Auxílios visuais > Elementos invisíveis.
  3. Especifique a página ou o script que processam os dados de formulário. Na janela Documento, clique no contorno para selecionar o formulário. No inspetor de propriedades (Janela > Propriedades), insira o nome de arquivo (e o caminho, se necessário) da página de processamento na caixa de texto Ação do inspetor de propriedades. Ou, clique no ícone de pasta para navegar até a página ou o script apropriado. Exemplo: process_order.php.
  4. Especifique o método a ser usado para transmitir os dados de formulário ao servidor.No inspetor de propriedades, selecione uma das seguintes opções no menu pop-up Método:
    • POST incorpora os dados de formulário à solicitação HTTP. Para obter mais informações, consulte Parâmetros de formulário em HTML na Ajuda do Dreamweaver.
    • GET acrescenta o valor à URL que está solicitando a página. Para obter mais informações, consulte Parâmetros de URL na Ajuda do Dreamweaver.
    • Padrão usa a configuração padrão do navegador para enviar os dados do formulário ao servidor. O padrão é geralmente o método GET.
  5. Insira objetos de formulário.Coloque o ponto de inserção onde você deseja que o objeto de formulário seja exibido no formulário. Selecione o objeto no menu Inserir > Formulário ou na categoria Formulários da barra Inserir. Coloque os objetos de formulário dentro do contorno vermelho pontilhado do formulário na página. Para obter mais informações sobre objetos de formulário, consulteObjetos de formulário na Ajuda do Dreamweaver.

  6. Ajuste o layout do formulário. Use quebras de linha, quebras de parágrafo, texto pré-formatado ou tabelas para formatar os formulários. Você não pode inserir um formulário em outro formulário, mas pode incluir mais de um formulário em uma página.Ao criar formulários, não se esqueça de identificar os objetos de formulário com texto descritivo para que os usuários saibam ao que estão respondendo. Por exemplo, “digite seu nome” para solicitar informações sobre o nome. Use tabelas para fornecer estrutura a legendas e objetos de formulário. Certifique-se de que todas as marcas de tabela estão incluídas entre as marcas de formulário.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online