Buscar

Formulário ADS

•

Exatas

1
Dislike0
1
Dislike0
Comment0
User badge image

Gabriel Cardoso

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

LikeFooter
DislikeFooter

Metodologia Científica

173.585 Materiais compartilhados

mobile

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

<!DOCTYPE html>
<html lang="pt-br">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="style.css">
 <title>Formulario ADS</title>
</head>
<body>
 <div class="campo">
 <h1 id="titulo">Formulario ADS</h1>
 <p id="subtitulo">Complete suas informações</p>
 <br>
 </div>
 <form>
 <fieldset class="grupo">
 <div class="campo">
 <label for="nome"><strong>Nome</strong></label>
 <input type="text" name="nome" id="nome" required>
 </div>
 <div class="campo">
 <label for="sobrenome"><strong>Sobrenome</strong></label>
 <input type="text" name="sobrenome" id="sobrenome" required>
 </div>
 <div class="campo">
 <label><strong>Idade</strong></label>
 <input type="text" name="nome" id="nome" required>
 </div>
 </fieldset>
 <div class="campo">
 <label for="email"><strong>Email</strong></label>
 <input type="email" name="email" id="email" required>
 </div>
 
 <div id="check">
 <label><strong>Sexo</strong></label>
 <label>
 <input type="radio" name="sexo" value="M">Masculino
 </label>
 <label>
 <input type="radio" name="sexo" value="F">Feminino
 </label>
 <label>
 <input type="radio" name="sexo" value="ND">Outros
 </label> 
 <br>
 </div>
 <fieldset class="grupo">
 <div id="check">
 <label for="">Estado Civil</label><br><br>
 <input type="checkbox" id="ec" name="estadocivil" value="Solteiro">
 <label for="ec">Solteiro</label>
 <input type="checkbox" id="ec" name="estadocivil2" value="Casado">
 <label for="ec">Casado</label>
 <input type="checkbox" id="ec" name="estadocivil3" value="Divorciado">
 <label for="ec">Divorciado</label>
 <input type="checkbox" id="ec" name="estadocivil4" value="Viuvo">
 <label for="ec">Viuvo</label>
 </div>
 </fieldset>
 <div class="campo">
 <label for="linguagem"><strong>Linguagem Preferida</strong></label>
 <select id="linguagem">
 <option selected disabled value="">Selecione</option>
 <option>HTML/CSS</option>
 <option>JAVA</option>
 <option>PHP</option>
 <option>PHYTON</option>
 <option>OUTRA</option>
 </select>
 </div>
 <div class="campo">
 <br>
 <label><strong>Justifique sua escolha</strong></label>
 <textarea rows="6" style="width: 26em" id="justifique" name="justifique"></textarea>
 </div>
 <button class="botao" type="submit">Enviar</button>
 </form>
 
</body>
</html>

Continue navegando

Outros materiais