Formulário

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Cadastro</title>

<style>

body {

font-family: Arial, sans-serif;

font-size: 16px;

background-color: #f0f0f0;

}



.container {

max-width: 800px;

margin: 0 auto;

padding: 20px;

background-color: #fff;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

}



form label {

display: block;

margin-bottom: 5px;

font-weight: bold;

}



form input[type="text"], form input[type="email"], form select {

width: 100%;

padding: 10px;

border: 1px solid #ccc;

border-radius: 4px;

margin-bottom: 20px;

}



form input[type="submit"] {

background-color: #4CAF50;

color: #fff;

padding: 10px 20px;

border: none;

border-radius: 4px;

cursor: pointer;

}



form input[type="submit"]:hover {

background-color: #3e8e41;

}



@media screen and (max-width: 480px) {

form input[type="text"], form input[type="email"], form select {

width: 100%;

}



form input[type="submit"] {

width: 100%;

}

}

</style>

</head>

<body>

<div class="container">

<h1>Cadastro</h1>

<form>

<label for="nome">Nome:</label>

<input type="text" id="nome" name="nome" required>



<label for="endereco">Endereco:</label>

<input type="text" id="endereco" name="endereco" required>



<label for="cidade">Cidade:</label>

<input type="text" id="cidade" name="cidade" required>



<label for="estado">Estado:</label>

<select id="estado" name="estado" required>

<option value="" disabled selected>Selecione um estado</option>

<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">São Paulo</option>

<option value="SE">Sergipe</option>

<option value="TO">Tocantins</option>

</select>



<label for="email">E-mail:</label>

<input type="email" id="email" name="email" required>



<input type="submit" value="Enviar">

</form>

</div>

</body>

</html>