Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Formulário NET DESIGN PERFECT

    Enviado por

    Kerginaldo Brito
    9 visualizações4 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    9 visualizações4 páginas

    Formulário NET DESIGN PERFECT

    Enviado por

    Kerginaldo Brito

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 4

    HTML

    <!DOCTYPE html>

    <html lang="pt-br">

    <head>

    <meta charset="utf-8"

    <title>Form Name</title>

    <link href="STYLES.CSS" rel="stylesheet" type="text/css">

    </head>

    <body>

    <form action="#" method="post" name="formulario">

    <h1>Nome</h1>

    <p>

    <input type="text" name="Nome:" placeholder="Digite seu nome">

    </p>

    <h1>Data de Nascimento</h1>

    <p>

    <input type="text" name="Data de Nascimento:" placeholder="Digite sua data de nascimento">

    </p>

    <h1>Endereço</h1>

    <p>

    <input type="text" name="Endereço:" placeholder="Digite seu endereço">

    </p>

    <h1>Número</h1>

    <p>

    <input type="text" name="Número:" placeholder="Digite o número de sua residência">

    <h1>Cidade</h1>

    <p>

    <input type="text" name="Cidade:" placeholder="Digite a cidade onde reside">

    </p>
    <h1>Estado</h1>

    <p>

    <input type="text" name="Estado:" placeholder="Digite o estado onde reside">

    </p>

    <h1>Sexo</h1>

    <p>

    <input type="text" name="Sexo:" placeholder="Digite seu sexo">

    </p>

    <p>Bens Pessoais:</p>

    <p>

    <input type="checkbox" name="nome_unicol:" value:="Casa"/>

    <label>Casa</label>

    </p>

    <p>

    <input type="checkbox" name="nome_unicol:" value:="Carro"/>

    <label>Carro</label>

    </p>

    <p>

    <input type="checkbox" name="nome_unicol:" value:="Moto"/>

    <label>Moto</label>

    </p>

    <h1>Experiências Pessoais</h1>

    <p>

    <input type="text" name="Experiências Pessoais:" placeholder="Experiência Pessoais">

    </p>

    <p>

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

    <input type="button" value="Limpar">

    </p>

    </form>
    CSS

    body {

    background-color: silver;

    color: black;

    *{

    font-family: verdana;

    h1 {

    color:purple;

    text-align: center;

    fieldset {

    width:60%;

    margin:0 auto;

    border-radius: 15px;

    background-color: white;

    box-shadow: 2px 2px 2px gray

    input,select, textarea {

    border-radius: 4px;

    padding: 5px;

    margin: 5px;

    label {

    font-weight: bold;
    }

    Você também pode gostar