Resposta:
<!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">
<title>Formulário</title>
</head>
<body>
<style>
label, input {
margin-top: 4px;
display: inline-block;
}
.area-de-interesse, textarea {
margin-top: 15px;
button {
margin: 20px 5px 0 0;
</style>
<h1>Formulário</h1>
<form>
<fieldset>
<legend>Dados pessoais</legend>
<label>Nome:</label>
<input type="text" name="nome"><br>
<label>Endereço:</label>
<input type="text" name="ende"><br>
<label>Cidade:</label>
<input type="text" name="cidade"><br>
<label>Estado:</label>
<select id="estado" name="estado">
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP" selected>São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
<option value="EX">Estrangeiro</option>
</select><br>
</fieldset>
<fieldset style="margin-top: 20px;">
<legend>Dados profissionais</legend>
<label>Natureza do Cargo:</label><br>
<input type="radio" name="gerencia" placeholder="Gerência" checked><label>Gerência</label>
<input type="radio" name="finaceiro" placeholder="Financeiro"><label>Financeiro</label>
<input type="radio" name="recepcao" placeholder="Recepção"><label>Recepção</label>
<input type="radio" name="administrativo" placeholder="Administrativo"><label>Administrativo</label>
<input type="radio" name="juridico" placeholder="Juridico"><label>Juridico</label><br>
<label class="area-de-interesse">Área de interesse</label><br>
<input type="checkbox" name="area" value="computacao"><label>Computação</label>
<input type="checkbox" name="area" value="biologia"><label>Biologia</label>
<input type="checkbox" name="area" value="meio-ambiente"><label>Meio Ambiente</label>
<input type="checkbox" name="area" value="engenharia"><label>Engenharia</label>
<input type="checkbox" name="area" value="historia"><label>Historia</label><br>
<label class="mini-curso">Mini-curriculo:</label>
<textarea name="curriculo" cols="45" rows="6"></textarea><br>
<button type="submit">Enviar</button>
<button type="reset">Limpar</button>
</form>
</body>
</html>
Copyright © 2024 ELIBRARY.TIPS - All rights reserved.
Lista de comentários
Verified answer
Resposta:
<!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">
<title>Formulário</title>
</head>
<body>
<style>
label, input {
margin-top: 4px;
display: inline-block;
}
.area-de-interesse, textarea {
margin-top: 15px;
display: inline-block;
}
button {
margin: 20px 5px 0 0;
}
</style>
<h1>Formulário</h1>
<form>
<fieldset>
<legend>Dados pessoais</legend>
<label>Nome:</label>
<input type="text" name="nome"><br>
<label>Endereço:</label>
<input type="text" name="ende"><br>
<label>Cidade:</label>
<input type="text" name="cidade"><br>
<label>Estado:</label>
<select id="estado" name="estado">
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP" selected>São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
<option value="EX">Estrangeiro</option>
</select><br>
</fieldset>
<fieldset style="margin-top: 20px;">
<legend>Dados profissionais</legend>
<label>Natureza do Cargo:</label><br>
<input type="radio" name="gerencia" placeholder="Gerência" checked><label>Gerência</label>
<input type="radio" name="finaceiro" placeholder="Financeiro"><label>Financeiro</label>
<input type="radio" name="recepcao" placeholder="Recepção"><label>Recepção</label>
<input type="radio" name="administrativo" placeholder="Administrativo"><label>Administrativo</label>
<input type="radio" name="juridico" placeholder="Juridico"><label>Juridico</label><br>
<label class="area-de-interesse">Área de interesse</label><br>
<input type="checkbox" name="area" value="computacao"><label>Computação</label>
<input type="checkbox" name="area" value="biologia"><label>Biologia</label>
<input type="checkbox" name="area" value="meio-ambiente"><label>Meio Ambiente</label>
<input type="checkbox" name="area" value="engenharia"><label>Engenharia</label>
<input type="checkbox" name="area" value="historia"><label>Historia</label><br>
<label class="mini-curso">Mini-curriculo:</label>
<textarea name="curriculo" cols="45" rows="6"></textarea><br>
</fieldset>
<button type="submit">Enviar</button>
<button type="reset">Limpar</button>
</form>
</body>
</html>