Pesquisar

Criação de formulário HTML/CSS com post PHP

12/06/2015 às 09:59

Descrição do Projeto:

Olá

Preciso de um formulário simples em HTML/CSS (Preferencialmente em HTML5 e se desejar pode usar jquery), com as seguintes particularidades:

1) Haverão sessões (blocos de campos), cada sessão deve ser separada por abas. Veja o exemplo de um formulário assim na imagem em anexo.

2) O formulário deve seguir o estilo (CSS) do formulário da imagem em anexo. Quanto mais próximo, melhor.

3) Deve ser feito utilizando DIV (Sem TABLE)

4) Deverá ser criado o formulário com uma requisição POST para um script PHP. Este script PHP irá conter apenas o recebimento dos campos do formulário para variáveis do PHP. Exemplo:
<?php
$razao = $_POST["razao"];
$email = $_POST["email"];
...
?>

5) "Preferencialmente" em layout responsivo, para se ajustar ao redimensionamento de telas

6) Os campos devem possuir validação dependendo o tipo do campo. Por exemplo, um campo de e-mail deve aceitar um e-mail válido, não pode aceitar a digitação de qualquer coisa. No HTML5 já é possível fazer isso usando o TYPE e PATTERN em cada campo ou então, utilizar JAVASCRIPT/JQUERY.

7) Haverão alguns campos de seleção de cor onde o cliente clicará e poderá selecionar uma cor na paleta de seleção de cores. Se for feito em HTML5, o mesmo já possui este tipo de campo.

8) O formulário precisa ter QUALIDADE, não pode ser um serviço amador.

9) Ao clicar no botão submit deve ser validado os campos e caso esteja algum incorreto, dar foco neste campo incorreto)

10) Abaixo as sessões/abas e os campos:

CONFIGURAÇÃO GERAL (ABA)
- Razão Social (Campo texto - 250 caracteres - obrigatório)
- CNPJ/CPF (Campo texto - 20 caracteres - obrigatório)
- Email (Campo email - obrigatório)
- Telefone (Campo texto - 20 caracteres - obrigatório)
- Exibir CNPJ (Campo checkbox/checagem)

LAYOUT (ABA)
- Logomarca (Campo de envio de imagem PNG/GIF/JPG - deve ter tamanho máximo de arquivo de 150KB e se possível validar tamanho da imagem (largura 380px / altura 120px) - obrigatório)
- Cor Fundo 1 (Campo que exibe Paleta de seleção de cores - obrigatório)
- Cor Fundo 2 (Campo que exibe Paleta de seleção de cores - obrigatório)
- Cor Fonte 1 (Campo que exibe Paleta de seleção de cores - obrigatório)
- Cor Fonte 2 (Campo que exibe Paleta de seleção de cores - obrigatório)
- Fonte/Letra (Campo de seleção/lista - Colocar apenas 2 valores: Arial,Calibri)

RECEBIMENTO (ABA)
- Email (Campo email - obrigatório)
- Parcelas (Campo option/opção com as opções: 1,2,3,4,5)

FRETE (ABA)
- Endereço (Campo texto - 250 caracteres - obrigatório)
- Número (Campo texto - 20 caracteres - obrigatório)
- Bairro (Campo texto - 50 caracteres - obrigatório)
- Cidade (Campo texto - 50 caracteres - obrigatório)
- Estado (Campo de seleção do Estado com todos os estados: SP,RJ,MG...)
- Cep (Campo para cep - obrigatório)

Dúvidas, mandem mensagens. Aguardo propostas.

Habilidades desejadas:

HTML HTML5 Javascript jQuery PHP5

Arquivos anexados:

Entre ou Cadastre-se para ver os arquivos anexados.

Atividades do cliente nesse projeto:

Última visualização: 17/06/2015 às 08:33

Última interação: 15/06/2015 às 05:53

Informações adicionais

Categoria: Web, Mobile & Software
Subcategoria: UX/UI & Web Design
Orçamento: Aberto
Nível de experiência: Iniciante
Visibilidade: Público
Propostas: 13
Propostas excluídas: 13
Interessados: 26

Cliente

Freelancer vencedor

Propostas (0)

Nenhuma proposta foi encontrada.

Carregando...
Projetos semelhantes no 99Freelas

Designer UI/UX para desenvolvimento de plataforma - Preciso do desenvolvimento do UI/UX design de uma plataforma. Possuo todas as referencias, ja tenho logos, cores etc. Estou no desenvolvimento do UI/UX de um checkout transparente, preciso do desen...

Top Massagens - Atualização de layout - Modernizar e atualizar html + css do projeto atual, aplicando as melhores práticas de usabilidade, focado em conversão.

Desenvolvimento de sistema fullstack (front e back-end) - - Necessário estudo de usabilidade e UX; - Cores voltado para o azul; - Layout elegante e bem dedutivo de Usabilidade; - Responsivo pois irá atender computadores, tablet´s, smar...

Refazer landing page no Wordpress - Tenho uma landing page de produto digital (curso) que é amadora e precisa ser refeita. Quero deixá-la mais moderna e atraente, com elementos que ajudem na alta conversão. A ...

Site institucional - Olá, gostária de um profissional UI&UX para criar o site institucional da nossa empresa. O template deve ser entregue no figma para que o programador consiga desenvolver. Mais in...

Carregando...

Carregando...

Pesquisar

FREELANCERS
PROJETOS
Ocorreu um erro inesperado. Caso o erro persista, entre em contato conosco através do e-mail suporte@99freelas.com.br.