O processamento dos dados que os visitantes enviam ao servidor após o preenchimento dos formulários web é feito por um programa especial (script). Portanto, faz sentido adicionar campos a um formulário publicado em uma página da web apenas se as funções para trabalhar com esses campos estiverem programadas no script. Se essa condição for atendida, resta fazer a parte relativamente simples do trabalho de adicionar tags ao código-fonte da página que forma os campos obrigatórios.
É necessário
Conhecimentos básicos de HTML
Instruções
Passo 1
A operação de formar as tags necessárias pode ser assumida pelo editor de página, se você tiver a oportunidade de usar o modo de edição visual nele. Esse editor pode ser parte integrante do sistema de gerenciamento de conteúdo - entre nele e carregue uma página com um formulário no qual novos campos devem ser adicionados. Use as operações de copiar e colar - selecione e copie alguns elementos existentes (o campo de entrada e o texto associado a ele), clique na página onde o campo adicional deve ser colocado e cole o copiado.
Passo 2
Depois disso, edite as propriedades de cada elemento do par separadamente. Basta selecionar a inscrição com o mouse e digitar o novo texto, e para o campo de entrada usar o botão no painel do editor que abre suas propriedades. Nas propriedades, pelo menos é necessário alterar o valor do campo nome - deve corresponder ao nome do campo programado no script de processamento. Repita copiar / colar para o conjunto de campos necessário e salve a página.
etapa 3
Se não houver acesso à edição visual, abra o código-fonte da página em qualquer texto ou editor especializado e adicione as tags necessárias. Este método requer algum conhecimento de HTML e técnicas de layout de página da web. Para adicionar um campo de texto simples ao formulário, use a tag input, adicionando o texto do valor ao atributo type. Além desse atributo, apenas o nome é obrigatório - ele deve conter o nome deste campo de formulário conhecido pelo script de tratamento. Usando outros atributos, você pode definir o número de caracteres que determinam visualmente o comprimento do campo de entrada (o atributo de tamanho), o número máximo permitido de caracteres (maxlength), parâmetros de estilo (estilo), associação de classe (classe), etc. Esta tag pode ser vista no código, por exemplo assim:
Passo 4
Para um campo de texto de várias linhas, use a tag textarea. Consiste em duas partes - abertura e fechamento. No primeiro, você deve definir o valor do nome e, usando os atributos rows e cols, você pode definir o número de linhas e colunas deste elemento de formulário. Por exemplo:
Etapa 5
Outros tipos de campos de formulário podem ser caixas de seleção - para formá-los também use a tag input, mas ao contrário de um campo de texto de linha única, especifique o valor da caixa de seleção no atributo type. Se este elemento do formulário precisar ser verificado, adicione o atributo verificado à sua tag. Por exemplo:
Etapa 6
Para inserir uma caixa de seleção no formulário e fazer upload de um arquivo, use a mesma tag de entrada com o valor do arquivo no atributo type. Por exemplo:
Etapa 7
Uma construção mais complexa forma um campo com uma lista suspensa. Ele deve conter um par de tags de seleção de abertura e fechamento. Coloque pares de tags de opção entre eles, cada um especificando uma única linha de seleção. As tags de abertura devem conter o atributo value (seu valor será transmitido ao servidor), e entre as partes de abertura e fechamento, coloque o texto que o visitante verá nesta linha da lista. Por exemplo: Primeira linha de seleção Segunda linha de seleção Terceira linha de seleção
