Skip to content

Latest commit

 

History

History
67 lines (48 loc) · 3.54 KB

README.md

File metadata and controls

67 lines (48 loc) · 3.54 KB

Formulário

Este projeto é uma página HTML que utiliza o framework Bootstrap para criar um formulário de cadastro de dados pessoais. A página está configurada para usar o tema escuro do Bootstrap e inclui campos de entrada para vários dados pessoais, como nome, sobrenome, CPF/CNPJ, data de nascimento, endereço, e mais.

Estrutura do Código

O código é dividido em três seções principais:

  1. Cabeçalho (Head):

    • Define a codificação de caracteres e o viewport para responsividade.
    • Inclui a folha de estilos do Bootstrap a partir de um CDN.
    • Inclui uma folha de estilos customizada (style.css).

  2. Corpo (Body):

    • Define o corpo da página com classes do Bootstrap para alinhamento e espaçamento.
    • Contém um formulário com vários campos de entrada para coletar dados do usuário.

  3. Formulário (Form):

    • Contém campos de entrada para nome, sobrenome, tipo de pessoa (física ou jurídica), CPF/CNPJ, data de nascimento, endereço, bairro, CEP, estado, cidade, telefone, celular, inscrição estadual e observações.
    • Cada campo está encapsulado dentro de uma div com classes do Bootstrap para espaçamento.
    • Um botão de envio é fornecido no final do formulário.

Estrutura do Formulário

Campos do Formulário

  • Nome: Campo de texto (text) obrigatório.
  • Sobrenome: Campo de texto (text) obrigatório.
  • Tipo de Pessoa: Campo de seleção (select) com opções para Pessoa Física (CPF) e Pessoa Jurídica (CNPJ).
  • CPF/CNPJ: Campo de texto (text) obrigatório.
  • Data de Nascimento: Campo de data (date) obrigatório.
  • Endereço: Campo de texto (text) obrigatório.
  • Bairro: Campo de texto (text) obrigatório.
  • CEP: Campo de texto (text) obrigatório.
  • Estado: Campo de seleção (select) com opções para estados do Brasil (RJ, SP, MG, ES).
  • Cidade: Campo de texto (text) obrigatório.
  • Telefone: Campo de telefone (tel) com um padrão de formato específico ([0-9]{4}-[0-9]{4}).
  • Celular: Campo de telefone (tel) com um padrão de formato específico ([0-9]{5}-[0-9]{4}).
  • Inscrição Estadual: Campo de texto (text) obrigatório.
  • Observações: Campo de texto (textarea) para informações adicionais.

Botão de Envio

  • Salvar: Botão (button) do tipo submit com estilo do Bootstrap (btn btn-primary w-100 py-2).

Requisitos

  • Bootstrap: A página utiliza a versão 5.3.3 do Bootstrap. Certifique-se de que o link CDN está acessível para o funcionamento correto dos estilos.
  • Arquivo de Estilos Customizados: style.css (não incluído neste exemplo). Este arquivo pode ser usado para aplicar estilos personalizados adicionais à página.

Instruções para Uso

  1. Clonar o Repositório: 
    git clone <url-do-repositório>
  2. Abrir o Arquivo HTML:
  • Abra o arquivo index.html em um navegador web para visualizar o formulário.
  1. Modificar o Formulário:
  • Edite o arquivo HTML conforme necessário para adicionar ou remover campos, alterar estilos, ou ajustar a estrutura do formulário.

Notas Adicionais

  • Certifique-se de validar os dados do formulário no lado do servidor após a submissão para garantir a segurança e a integridade dos dados.
  • Adicione scripts de validação no lado do cliente, se necessário, para melhorar a experiência do usuário.

Este README fornece uma visão geral do código e instruções sobre como usá-lo e modificá-lo. Sinta-se à vontade para ajustá-lo conforme necessário para atender às suas necessidades específicas.