PW1 2019 - formularios.html

<!-- formularios.html -->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>
                Aula 5 Formulários - Programação Web 1 - Análise e Desenvolvimento de Sistemas
            </title>
            <style type="text/css">
            div { border: 1px solid #000000; }
            label { text-transform: uppercase;
                margin-right: 10px;
                width: 140px;
                text-align: right;
                display: block;
                float: left;
                  }
            .campos { padding: 10px; }
            input, textarea, select, option { background-color: #999;
            color: #fff; }
            #meuform {
                border: none;
            }
            </style>
    </head>
        <body>
            <h1>Contato</h1>
            <h3>Preencha o formulário</h3>
            <div id="meuform">
                <form action="#" name="formulario" id="form">
                    <div class="campos"><label for="nome">Nome: </label>
                        <input type="text" name="nome" id="nome">
                    </div>
                    <div class="campos"><label for="mail">Email: </label>
                        <input type="text" name="email" id="mail">
                    </div>
                    <div class="campos"><label for="senha">Senha: </label>
                        <input type="password" name="senha" id="senha">
                    </div>
                    <div class="campos"><label for="idade">Idade: </label>
                        <input type="text" name="idade" id="idade" maxlength="2" size="4">
                    </div>
                    <div class="campos"><label for="obs">Observações: </label>
                        <textarea id="obs" name="obs"></textarea>
                    </div>
                    <div class="campos"><label for="sexo">Sexo: </label>
                        <select>
                            <option>Masculino</option>
                            <option>Feminino</option>
                        </select>
                    </div>
                    <div class="campos"><input type="submit" name="enviar" value="Enviar">
                    </div>

                </form>
            </div>
        </body>
</html>