Skip to content

SE AGREGO LA CASILLA EDAD #67

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
leohtmlmartinez wants to merge 1 commit into
base: master
Choose a base branch
from
Open

SE AGREGO LA CASILLA EDAD #67

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
183 changes: 93 additions & 90 deletions formulario.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,112 +1,115 @@
<!doctype html>
<html>

<head>
<!-- Metadados -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="formulario.css" media="screen">

<!-- Título da página (aparece na aba) -->
<title>Cadastro</title>
</head>

<body>

<!-- Cabeçalho com título e subtítulo (ambos com css de id "titulo") -->
<div>
<h1 id="titulo">Cadastro de DEVs</h1>
<p id="subtitulo">Complete suas informações</p>
<br>
</div>
<head>
<!-- Metadados -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Início do formulário -->
<form>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="formulario.css" media="screen">

<fieldset class="grupo">
<!-- Campo do nome com legenda "nome" e css de classe "campo" -->
<div class="campo">
<label for="nome"><strong>Nome</strong></label>
<input type="text" name="nome" id="nome" required>
</div>
<!-- Título da página (aparece na aba) -->
<title>Cadastro</title>
</head>

<!-- Campo do sobrenome com legenda "sobrenome" e css de classe "campo" -->
<div class="campo">
<label for="sobrenome"><strong>Sobrenome</strong></label>
<input type="text" name="sobrenome" id="sobrenome" required>
</div>
</fieldset>
<body>

<!-- Campo de email com-->
<div class="campo">
<label for="email"><strong>Email</strong></label>
<input type="email" name="email" id="email" required>
</div>
<!-- Cabeçalho com título e subtítulo (ambos com css de id "titulo") -->
<div>
<h1 id="titulo">Cadastro de DEVs</h1>
<p id="subtitulo">Complete suas informações</p>
<br>
</div>

<!-- Campo de desenvolvimento web com 3 opções de botões selecionáveis (radio button) e css de classe "campo" -->
<div class="campo">
<label><strong>De qual lado da aplicação você desenvolve?</strong></label>
<label>
<input type="radio" name="devweb" value="frontend" checked>Front-end
</label>
<label>
<input type="radio" name="devweb" value="backend">Back-end
</label>
<label>
<input type="radio" name="devweb" value="fullstack">Fullstack
</label>
</div>
<!-- Início do formulário -->
<form>

<!-- Campo de senioridade com 3 opções para escolha (select option) e css de classe "campo" -->
<fieldset class="grupo">
<!-- Campo do nome com legenda "nome" e css de classe "campo" -->
<div class="campo">
<label for="senioridade"><strong>Senioridade</strong></label>
<select id="senioridade" required>
<option selected disabled value="">Selecione</option>
<option>Júnior</option>
<option>Pleno</option>
<option>Sênior</option>
</select>
<label for="nome"><strong>Nome</strong></label>
<input type="text" name="nome" id="nome" required>
</div>

<fieldset class="grupo">
<!-- Campo de tecnologias para escolha de 1 ou mais opções para marcar (checkbox) e css de classe "campo" -->
<div id="check">
<label><strong>Selecione as tecnologias que utiliza:</strong></label><br><br>
<input type="checkbox" id="tecnologia1" name="tecnologia1" value="HTML">
<label for="tecnologia1"> HTML</label>
<input type="checkbox" id="tecnologia2" name="tecnologia2" value="CSS">
<label for="tecnologia2"> CSS</label>
<input type="checkbox" id="tecnologia3" name="tecnologia3" value="JavaScript">
<label for="tecnologia3"> JavaScript</label>
<input type="checkbox" id="tecnologia4" name="tecnologia4" value="PHP">
<label for="tecnologia4"> PHP</label>
<input type="checkbox" id="tecnologia5" name="tecnologia5" value="C#">
<label for="tecnologia5"> C#</label>
<input type="checkbox" id="tecnologia6" name="tecnologia6" value="Python">
<label for="tecnologia6"> Python</label>
<input type="checkbox" id="tecnologia7" name="tecnologia7" value="Java">
<label for="tecnologia7"> Java</label>
</div>
</fieldset>

<!-- Caixa de texto -->
<!-- Campo do sobrenome com legenda "sobrenome" e css de classe "campo" -->
<div class="campo">
<br>
<label for="experiencia"><strong>Conte um pouco mais da sua experiência: </strong></label>
<textarea rows="6" style="width: 26em" id="experiencia" name="experiencia"></textarea>
<label for="sobrenome"><strong>Sobrenome</strong></label>
<input type="text" name="sobrenome" id="sobrenome" required>
</div>
</fieldset>

<!-- Campo de idade -->
<div class="campo">
<label for="idade"><strong>Idade</strong></label>
<input type="number" name="idade" id="idade" required min="1" max="120">
</div>

<!-- Campo de email -->
<div class="campo">
<label for="email"><strong>Email</strong></label>
<input type="email" name="email" id="email" required>
</div>

<!-- Botão para enviar o formulário -->
<button class="botao" type="submit" onsubmit="">Concluído</button>
<!-- Campo de desenvolvimento web com 3 opções de botões selecionáveis (radio button) e css de classe "campo" -->
<div class="campo">
<label><strong>De qual lado da aplicação você desenvolve?</strong></label>
<label>
<input type="radio" name="devweb" value="frontend" checked>Front-end
</label>
<label>
<input type="radio" name="devweb" value="backend">Back-end
</label>
<label>
<input type="radio" name="devweb" value="fullstack">Fullstack
</label>
</div>

</form>
<!-- Campo de senioridade com 3 opções para escolha (select option) e css de classe "campo" -->
<div class="campo">
<label for="senioridade"><strong>Senioridade</strong></label>
<select id="senioridade" required>
<option selected disabled value="">Selecione</option>
<option>Júnior</option>
<option>Pleno</option>
<option>Sênior</option>
</select>
</div>

</body>
<fieldset class="grupo">
<!-- Campo de tecnologias para escolha de 1 ou mais opções para marcar (checkbox) e css de classe "campo" -->
<div id="check">
<label><strong>Selecione as tecnologias que utiliza:</strong></label><br><br>
<input type="checkbox" id="tecnologia1" name="tecnologia1" value="HTML">
<label for="tecnologia1"> HTML</label>
<input type="checkbox" id="tecnologia2" name="tecnologia2" value="CSS">
<label for="tecnologia2"> CSS</label>
<input type="checkbox" id="tecnologia3" name="tecnologia3" value="JavaScript">
<label for="tecnologia3"> JavaScript</label>
<input type="checkbox" id="tecnologia4" name="tecnologia4" value="PHP">
<label for="tecnologia4"> PHP</label>
<input type="checkbox" id="tecnologia5" name="tecnologia5" value="C#">
<label for="tecnologia5"> C#</label>
<input type="checkbox" id="tecnologia6" name="tecnologia6" value="Python">
<label for="tecnologia6"> Python</label>
<input type="checkbox" id="tecnologia7" name="tecnologia7" value="Java">
<label for="tecnologia7"> Java</label>
</div>
</fieldset>

</html>
<!-- Caixa de texto -->
<div class="campo">
<br>
<label for="experiencia"><strong>Conte um pouco mais da sua experiência: </strong></label>
<textarea rows="6" style="width: 26em" id="experiencia" name="experiencia"></textarea>
</div>

<!-- Botão para enviar o formulário -->
<button class="botao" type="submit">Concluído</button>

</form>

</body>

</html>