https://github.com/maiarasanto/formulario-interativo

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.
https://github.com/maiarasanto/formulario-interativo

classrrom css github hmtl img

Last synced: 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/maiarasanto/formulario-interativo
• Owner: MaiaraSanto
• Created: 2024-02-04T23:53:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-14T19:35:29.000Z (over 2 years ago)
• Last Synced: 2025-01-08T18:53:32.459Z (over 1 year ago)
• Topics: classrrom, css, github, hmtl, img
• Language: CSS
• Homepage: https://form-interativo.netlify.app/
• Size: 427 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/UtIqDBfJ)

[![Open in Visual Studio Code](https://classroom.github.com/assets/open-in-vscode-718a45dd9cf7e7f842a935f5ebbe5719a5e09af4491e668f4dbf3b35d5cca122.svg)](https://classroom.github.com/online_ide?assignment_repo_id=13699753&assignment_repo_type=AssignmentRepo)

# Criando-Formulario-Interativo

 ### 
 [Acesse aqui](https://form-interativo.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.