Siga este procedimento para saber como criar visualmente um formulário da Web no Dreamweaver inserindo elementos de formulário em uma página.

Você pode criar um formulário da Web visualmente no Dreamweaver inserindo elementos de formulário em uma página, mas isso é apenas uma 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 vezes são salvos em um banco de dados do cliente, por exemplo. Normalmente, a tecnologia de aplicativo web, como PHP ou Adobe ColdFusion, processa os dados do formulário.

Este artigo descreve como criar um formulário da Web simples. Desenvolver um mecanismo para processar os dados enviados do formulário está além do escopo do artigo. Para obter instruções detalhadas sobre a criação de formulários e um mecanismo para processar dados enviados com o PHP, consulte esta série de tutoriais no Adobe Developer Center.

Criar um formulário da Web

  1. Abra uma página na Visualização de design do Dreamweaver e coloque o ponto de inserção onde você deseja que o formulário seja exibido.
  2. Selecione Inserir > Formulário > Formulário. Ou, selecione a categoria Formulários no painel Inserir (o triângulo pequeno abaixo da guia do painel) e clique no ícone de formulário. O Dreamweaver insere um formulário vazio. Na Visualização de 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 processa os dados do formulário. Na janela Documento, clique no contorno para selecionar o formulário. No Inspetor de propriedades (Janela > Propriedades), insira o nome do 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 do formulário ao servidor. No Inspetor de propriedades, selecione uma das opções a seguir no menu pop-up Método:
    • POST incorpora os dados do 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 ao 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 normalmente é 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. Em seguida, selecione o objeto no menu Inserir > Formulário ou na categoria Formulários da barra Inserir. Coloque 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, consulte Objetos 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. No design de formulários, lembre-se de identificar os objetos de formulário com um texto descritivo para que os usuários saibam ao que estão respondendo. Por exemplo, “Digite o seu nome” para solicitar informações sobre o nome. Use tabelas para fornecer estrutura a objetos de formulário e rótulos. Verifique se todas as tags table estão incluídas entre as tags form.

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