Você está na página 1de 1

Elementos de Formulário

<header>
<h1> Aula de Formulários</h1> <input type="checkbox" name="" id="tre">
</header> <label for="tre"> Trem / Metrô </label><br>

<main style="margin: 10%;"> <br><br>

<form action="#" style="background-color: <label for="time"> Qual o seu time</label>


#00000053;"> <select name="" id="time" required>

<fieldset> <option value="corinthians"> Corinthians


<legend> Dados Pessoais</legend> </option>
<option value="saopaulo"> São
<label for="cNome"> Nome Completo Paulo</option>
</label> <option value="cruzeiro"> Cruzeiro</option>
<input type="text" name="" id="cNome" <option
placeholder="Nome" required> value="flamengo">Flamengo</option>
<option value="caxiasdosul">Caxias do
<br><br> Sul</option>

<p>Você mora:</p> </select>

<input type="radio" name="tipo" id="cid"> <p>Nível de satisfação com o seu time</p>


<label for="cid"> Cidade </label> 0 <input type="range" name="" id=""> 10
<br>
<input type="radio" name="tipo" id="int"> <p>Mensagem:</p>
<label for="int"> Interior </label>
<textarea name="" id="" cols="60" rows="10"
</fieldset> placeholder="Elogios, sugestões e
críticas."required></textarea>
<fieldset>
<legend> Informações Adicionais</legend>
</fieldset>
<p>Meio de Transporte que utiliza:</p>
<br><br>
<input type="checkbox" name="" id="bic">
<label for="bic"> Bicicleta </label><br> <input type="button" value="Enviar">
</form>
<input type="checkbox" name="" id="car"> </main>
<label for="car"> Carro </label><br>
<footer>
<input type="checkbox" name="" id="oni"> <p> Feito por ‘seu nome’ | 2023 &reg;</p>
<label for="oni"> Ônibus </label><br> </footer>

Você também pode gostar