---
# System prepended metadata

title: 'Session Three: Checkin | Linguagem de Programação'

---

# Session Three: Checkin | Linguagem de Programação
[toc]

### Link:https://codesandbox.io/s/formulario-2om03?file=/index.html:0-2199

## Formulário

```html=

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Forms</title>
  </head>
  <body>
   <form action="" method="POST" | enctype="multipart/form-data" >
    <h1>Formulário</h1>
    
    <div>
          <label for="">Nome</label>
          <input name ="nome" required= "required" placeholder= "Digite seu nome" type="text" >
     </div>
   <br>
    <div>
        <label for="">E-mail </label>
        <input name = "e-mail" required = "required" placeholder= "Digite seu e-mail" type="text" >
      </div>


    <div>
      <label for=" ">Selecione sua região</label>
      <select required = "required" name="região"> 
          <option selected ="selected" value="">Selecione</option>
          <option value="1">Zona Sul</option>
          <option value="2">Zona Leste</option>
          <option value="3">Zona Oeste</option>
          <option value="4">Zona Norte</option>
        </select>
      </div>
      <br>

     <div>
        <label for="">Sua foto </label>
       <input  required = "required" name="foto"   type="file">
        
      </div>


      <div>
        <p>Selecione seu sexo:</p>
        <label for="sexo1"> <input name="sexo" id="sexo1" value="m" type="radio"> Masculino </label>
        <label for="sexo1"> <input name="sexo" id="sexo2" value="f" type="radio"> Feminino </label>
      </div>
          <br>
      <div>
          <label for="">Biografia  </label> <br>
         <textarea name="biografia" placeholder= "Digite sua biografia"  required = "required" cols="30" rows="3"></textarea>
          
        </div>



        <div>
            <label for="">Senha</label>
            <input  required = "required" placeholder= "Digite sua senha" name="senha"   type="password">
            
          </div>


          
        <div>
            <label for="npticias"></label>
            <input  name="newsletter" id= "noticias"  type="checkbox">
            Deseja receber e-mails promocionais e  notícias?
          </div>

          <div><button> Enviar</button> </div>

    </form>

  </body>
</html>

```
