https://github.com/raizertechdev/formulariostackx-dev

Criação de um formulário onde o usuário estará interagindo ao se cadastrar e deixará uma mensagem adicional, até mesmo contando suas experiências, foram aplicadas as principais stacks => HTML e CSS e JavaScript!!!
https://github.com/raizertechdev/formulariostackx-dev

css3 html5 javascript

Last synced: 10 months ago
JSON representation

Criação de um formulário onde o usuário estará interagindo ao se cadastrar e deixará uma mensagem adicional, até mesmo contando suas experiências, foram aplicadas as principais stacks => HTML e CSS e JavaScript!!!

• Host: GitHub
• URL: https://github.com/raizertechdev/formulariostackx-dev
• Owner: RaizerTechDev
• Created: 2024-02-09T00:15:57.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T01:02:57.000Z (about 1 year ago)
• Last Synced: 2025-01-11T08:12:14.351Z (12 months ago)
• Topics: css3, html5, javascript
• Language: CSS
• Homepage: https://raizertechdev-formdev.netlify.app/
• Size: 113 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          
# Criando-Formulrio-Interativo

 


 


[ ( Clique aqui e venha conhecer ```Formulário-Cadastro-Dev!!!```) ](https://raizertechdev-formdev.netlify.app/)




***

  

  

Instruções:


Crie uma Página HTML:

Inicie criando uma página HTML básica.

* Adicione um Título:

* Formulário Básico:

Dentro do corpo da página, crie um formulário utilizando a tag .

Inclua campos para informações pessoais, como nome, e-mail e idade.

*Tipos de Entrada:

Utilize diferentes tipos de elementos de entrada, como  para coletar informações.

Experimente com tipos de entrada diferentes, como texto, e-mail, número e caixa de seleção.

*Rótulos (Labels):

Associe rótulos descritivos a cada campo de entrada utilizando a tag . Isso melhora a acessibilidade e a usabilidade do formulário.

*Botão de Envio:

Inclua um botão de envio  para enviar o formulário.

*Validação Simples:

Adicione a propriedade required a pelo menos um campo para garantir que seja preenchido antes do envio.

*Estilo e Layout:

Aplique um mínimo de estilo usando as propriedades CSS para melhorar o layout do formulário.

*Comentários:

Adicione comentários no código para explicar o propósito de cada seção.

*Critérios de Avaliação:

O formulário deve ser estruturado corretamente com a utilização das tags HTML apropriadas.

Os rótulos devem estar associados aos campos de entrada.

Pelo menos um campo deve ter a propriedade required.

A página deve ter um layout limpo e legível.

****

## Tecnologias

 Tecnologias utilizadas no projeto:

- HTML5 (Linguagem de marcação utilizada para a construção das páginas web).

- CSS3 (Mecanismo para adicionar estilos a uma página web).

- JavaScript (Linguagem de programação de alto nível, que pode ser interpretada ou compilada just-in-time (JIT) para execução em um ambiente específico).

- Git (Sistema de controle de versões).

- Github (Plataforma para hospedagem de código-fonte).

- Visual Studio Code (Editor de código-fonte).

- Navegador web (Interação com documentos HTML).

---

 Ferramenta utilizada no projeto:

- [VsCode](https://code.visualstudio.com/download) (v1.80.1)

---

## Licença

- Esse projeto está sob a licença MIT.

---

 Autor



    

    

&nbsp&nbsp&nbspRafaRaizer-Dev


    &nbsp&nbsp&nbspWhatsapp | LinkedIn | GitHub| Tableau| Portfólio