formulario html.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <title>css externo(formulario)-13,17, 24, 08,11/05</title>
    <link rel="stylesheet" href="formulario.css">
</head>
<body>
    <header><!--cabecalho-->
    <header><!--meio-->

    </header>
    <main><!--meio-->
            <section class="box">
                <form>
                    <fieldset>
                        <legend><strong>Formulário de Cliente</strong></legend>
                        <br>

                        <section class="inputBox">
                            <input type="text" name="nome" id="name" class="inputUser" required>
                            <label for="name" class="labelinput">Nome completo</label>
                        </section>
                        <br><br>

                        <section class="inputBox">
                            <input type="text" name="email" id="email" class="inputUser" required >
                            <label for="email" class="labelinput">Email</label>
                        </section>
                        <br><br>

                        <section class="inputBox">
                            <input type="tel" name="telefone" id="telefone" class="inputUser" required >
                            <label for="telefone" class="labelinput">Telefone</label>
                        </section>

                        <p>Sexo:</p>

                        <input type="radio" name="genero" id="feminino" value="feminino" required>
                        <label for="feminino">Feminino</label>
                        <br>

                        <input type="radio" name="genero" id="masculino" value="masculino">
                        <label for="masculino">Masculino</label>
                        <br>

                        <input type="radio" name="genero" id="outro" value="outro">
                        <label for="outro">Outro</label>
                        <br><br>

                        <label for="data_nascimento"><strong>Ano de Nascimento</strong></label>
                        <input type="date" name="data_nascimento" id="data_nascimento" required>
                        <br><br><br>

                        <section class="inputBox">
                            <input type="text" name="cidade" id="cidade" class="inputUser" required>
                            <label for="cidade" class="labelinput">Cidade</label>
                        </section>
                        <br><br>

                        <section class="inputBox">
                            <input type="text" name="estado" id="estado" class="inputUser" required>
                            <label for="estado" class="labelinput">Estado</label>
                        </section>

                        <br><br>

                        <section class="inputBox">
                            <input type="text" name="endereco" id="endereco" class="inputUser" required>
                            <label for="endereco" class="labelinput">Endereço</label>
                        </section>

                        <br><br>

                        <input type="submit" value="Enviar formulário" id="enviar">
                                               
                    </fieldset>
                </form>
            </section>
        </main>

    <footer><!--rodape-->
    </footer>
</body>
</html>