Basic-HTML-Page-SetUP/formularios.html at master · ZeroZXZ/Basic-HTML-Page-SetUP · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            input.classInput {
                background-color:yellow;
            }
        </style>
    </head>
    <body>
        <div>
            <h2> Formulario HTML </h2>
            <form>
                <p>Nome: <input type="text" name="nome" class="classInput"> </p>
                <p>Idade: <input type="number" name="idade" class="classInput"> </p>
                <p>Endereço: <input type="text" name="endereco" class="classInput"> </p>
                <p>Sexo: Homem <input type="radio" name="sexo" value="M"> | Mulher <input type="radio" name="sexo" value="F"> </p>
                <p>Login: <input type="text" name="login" id="nome" class="classInput"> </p>
                <p>Senha: <input type="password" name="senha" class="classInput"> </p>
                <p>Interesses: </p>
                <p> <input type="checkbox" name="interesses" value="Computador"> Computador </p>
                <p> <input type="checkbox" name="interesses" value="Programação"> Programação </p>
                <p> <input type="checkbox" name="interesses" value="WebDesign"> WebDesign </p>
                <p> <input type="checkbox" name="interesses" value="Modelagem3D"> Modelagem 3D </p>
                <p> <input type="checkbox" name="interesses" value="Banco de dados"> Banco de dados </p>
                <p> <input type="button" name="Botao" value="OK"> </p>
                <br />
            </form>
        </div>
    </body>
</html>