Skip to main content

Como adicionar um formulário com o KompoZer

Divisores e Quantidade de Divisores de um Número Inteiro | MAB #25 (Pode 2025)

Divisores e Quantidade de Divisores de um Número Inteiro | MAB #25 (Pode 2025)
Anonim

Há várias ocasiões em que você está criando páginas da Web nas quais precisa processar entradas enviadas pelo usuário, como uma página de login, nova criação de conta ou enviar perguntas ou comentários. A entrada do usuário é coletada e enviada para o servidor da web usando um formulário HTML. Os formulários são fáceis de adicionar com as ferramentas incorporadas do KompoZer. Todos os tipos de campos de formulários suportados pelo HTML 4.0 podem ser adicionados e editados com o KompoZer, mas para este tutorial, trabalharemos com os botões texto, área de texto, envio e redefinição.

Crie um novo formulário

O KompoZer possui ferramentas de formulário ricas que você pode usar para adicionar formulários às suas páginas da web. Você acessa as ferramentas de formulário clicando no botão Formulário ou no menu suspenso na barra de ferramentas. Se você não escrever seus próprios scripts de manipulação de formulários, precisará obter algumas informações para essa etapa na documentação ou no programador que escreveu o script. Você também pode usar formulários mailto, mas nem sempre funcionam.

  1. Posicione o cursor no local em que você deseja que seu formulário apareça na página.
  2. Clique no Formato botão na barra de ferramentas. A caixa de diálogo Propriedades do formulário é aberta.
  3. Adicione um nome para o formulário. O nome é usado no código HTML gerado automaticamente para identificar o formulário e é obrigatório. Você também precisa salvar sua página antes de adicionar um formulário. Se você estiver trabalhando com uma nova página não salva, o KompoZer solicitará que você salve.
  4. Adicione o URL ao script que processará os dados do formulário no campo URL de ação. Os manipuladores de formulários geralmente são scripts escritos em PHP ou em linguagem semelhante ao servidor. Sem essa informação, sua página da Web não poderá fazer nada com os dados inseridos pelo usuário. O KompoZer solicitará que você insira o URL para o manipulador de formulários, se você não o inserir.
  5. Selecione os Método usado para enviar os dados do formulário para o servidor. As duas opções são GET e POST. Você precisará saber qual método o script requer.
  6. Clique Está bem e o formulário é adicionado à sua página.

Adicionar um campo de texto a um formulário

Depois de adicionar um formulário a uma página com o KompoZer, o formulário será destacado na página em uma linha tracejada azul clara. Você adiciona seus campos de formulário dentro desta área. Você também pode digitar texto ou adicionar imagens, como faria em qualquer outra parte da página. O texto é útil para adicionar prompts ou rótulos a campos de formulário para guiar o usuário.

  1. Escolha onde você deseja que o campo de texto vá na área de formulário delineada. Se você quiser adicionar um rótulo, talvez queira digitar o texto primeiro.
  2. Clique no seta para baixo próximo ao Formato botão na barra de ferramentas e escolha Campo de formulário no menu suspenso.
  3. A janela Propriedades do campo de formulário será aberta. Para adicionar um campo de texto, escolha Texto no menu suspenso rotulado Tipo de campo.
  4. Dê um nome ao campo de texto. O nome é usado para identificar o campo no código HTML e o script de manipulação de formulários precisa do nome para processar os dados. Vários outros atributos opcionais podem ser modificados nesta caixa de diálogo, alternando Mais propriedades / menos propriedades botão ou pressionando o botão Editar Avançado, mas por enquanto, vamos apenas digitar o nome do campo.
  5. Clique Está bem e o campo de texto aparece na página.

Adicionar uma área de texto a um formulário

Às vezes, muito texto precisa ser inserido em um formulário, como uma mensagem ou um campo de perguntas / comentários. Nesse caso, um campo de texto simplesmente não é apropriado. Você pode adicionar um campo de formulário de área de texto usando as ferramentas de formulário.

  1. Posicione seu cursor dentro do contorno do formulário onde você gostaria que sua área de texto fosse. Se você quiser digitar um rótulo, geralmente é uma boa idéia digitar o texto do marcador, pressionar Enter para ir para uma nova linha e adicionar o campo de formulário, pois o tamanho da área de texto na página torna o texto inadequado para o marcador. rótulo para estar à esquerda ou à direita.
  2. Clique no seta para baixo próximo ao Formato botão na barra de ferramentas e escolha Texto Área no menu suspenso. A janela Propriedades da Área de Texto será aberta.
  3. Digite um nome para o campo da área de texto. O nome identifica o campo no código HTML e é usado pelo script de manipulação de formulários para processar as informações enviadas pelo usuário.
  4. Digite o número de linhas e colunas que você deseja que a área de texto exiba. Essas dimensões determinam o tamanho do campo na página e quanto texto pode ser inserido no campo antes que a rolagem precise acontecer.
  5. Opções mais avançadas podem ser especificadas com os outros controles nessa janela, mas, por enquanto, o nome e as dimensões do campo são suficientes.
  6. Clique Está bem e a área de texto aparece no formulário.

Adicionar um botão Enviar e Redefinir a um formulário

Depois que o usuário preencher o formulário na sua página, é necessário que haja alguma maneira de as informações serem enviadas ao servidor. Além disso, se o usuário quiser recomeçar ou cometer um erro, é útil incluir um controle que redefinirá todos os valores do formulário para o padrão. Os controles de formulários especiais lidam com essas funções, chamados de botões Enviar e Redefinir, respectivamente.

  1. Coloque o cursor dentro da área de formulário delineada onde você deseja que o botão enviar ou redefinir seja. Na maioria das vezes, eles estarão localizados abaixo do restante dos campos em um formulário.
  2. Clique no seta para baixo próximo ao Formato botão na barra de ferramentas e escolha Botão Definir no menu suspenso. A janela Propriedades do botão será exibida.
  3. Escolha o tipo de botão no menu suspenso chamado Tipo. Suas escolhas são Enviar, Redefinir e Botão. Neste caso, vamos escolher o Enviar tipo.
  4. Dê um nome ao botão, que será usado no HTML e no código de manipulação de formulários para processar a solicitação de formulário. Os desenvolvedores da Web geralmente nomeiam esse campo como "enviar".
  5. Na caixa rotulada Valor, insira o texto que deve aparecer no botão. O texto deve ser curto, mas descritivo do que acontecerá quando o botão for pressionado. Algo como “Enviar”, “Enviar Formulário” ou “Enviar” são bons exemplos.
  6. Clique em OK e o botão aparece no formulário.

o Restabelecer botão pode ser adicionado ao formulário usando o mesmo processo, mas escolha Restabelecer de Tipo campo em vez de Enviar.

Editando um formulário com o KompoZer

Editar um formulário ou campo de formulário no KompoZer é muito fácil. Simplesmente clique duas vezes no campo que você deseja editar, e a caixa de diálogo apropriada aparece onde você pode alterar as propriedades do campo para atender às suas necessidades. O diagrama acima mostra um formulário simples usando os componentes abordados neste tutorial.