Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Formulário de contato HTML

    Enviado por

    Eduardo Canvache
    10 visualizações5 páginas
    O documento apresenta um formulário HTML incompleto e pede para o aluno preencher as lacunas com as tags HTML faltantes. O formulário contém campos para nome, email, mensagem e um botão de envio para enviar os dados do contato.

    Descrição original:

    Título original

    fund web

    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
    O documento apresenta um formulário HTML incompleto e pede para o aluno preencher as lacunas com as tags HTML faltantes. O formulário contém campos para nome, email, mensagem e um botão de envio para enviar os dados do contato.

    Direitos autorais:

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

    Formulário de contato HTML

    Enviado por

    Eduardo Canvache
    O documento apresenta um formulário HTML incompleto e pede para o aluno preencher as lacunas com as tags HTML faltantes. O formulário contém campos para nome, email, mensagem e um botão de envio para enviar os dados do contato.

    Direitos autorais:

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

    IFAM CPRF | Profª Sionise | www.sionise.com Fundamentos de Desenvolvimento Web -FDW| Pg.

    Instituto Federal de Educação, Ciência e Tecnologia do Amazonas Campus


    Presidente Figueiredo – IFAM CPRF
    A2
    2ª Etapa
    Disciplina: Fundamentos de Desenvolvimento Web 2º Bloco
    Professora: Sionise Gomes
    Turma: IDES11 Data de Envio:
    Aluno(a): Eduardo Canvache Mendonça

    1) Observe a imagem abaixo de um formulário e complete o código HTML que o gera.

    <!DOCTYPE html>
    a) <html lang=“pt-br”>
    <head><!-- Cabeçalho da Página -->
    <meta charset="UTF-8" /> <meta name="viewport"
    content="width=device-width, initial-scale=1.0">
    b) <head>
    <link rel="stylesheet" href="css/contato.css" /> <!-- Arquivo CSS -->
    </head>

    <body> <!-- Corpo da Página -->


    <header> <!--Topo da Página-->
    IFAM CPRF | Profª Sionise | www.sionise.com Fundamentos de Desenvolvimento Web -FDW| Pg. 2

    <nav class="menu"> <!-- Navegação Principal do Site -->


    IFAM CPRF | Profª Sionise | www.sionise.com Fundamentos de Desenvolvimento Web -FDW| Pg. 3

    <ul><!-- Lista não ordenada de itens-->


    c) <li><a href="#projetos">Projetos e Portfólio</a></li>
    <li><a href="contato.html">Contato</a></li>
    </ul>
    </nav>
    <h1>Contato</h1>
    </header>

    <main> <!-- Conteúdo Principal do Site -->


    <!-- Formulário de Contato -->
    <form method="post" action="recebe-dados.php">
    <ul>
    <!-- Caixa de Texto - Text -->
    <li>
    <label for="nome">Primeiro Nome: </label>
    d)<imput type="text" name="nome" id="nome" required
    placeholder="Digite seu Primeiro Nome" autofocus >
    </li>

    <!-- Caixa de Texto - Email -->


    <li>
    e) <label for="email">*E-mail: </label>
    f) <imput type="email" name="email" id="email"
    placeholder="seuemail@dominio.com" required>

    </li>

    <!-- Área de Texto -->


    <li>
    g)<label for="mensagem">Escreva sua mensagem: </label>
    h)<textarea name="mensagem" id="mensagem"></textarea>
    </li>
    </ul>
    IFAM CPRF | Profª Sionise | www.sionise.com Fundamentos de Desenvolvimento Web -FDW| Pg. 4

    <!-- Botão de Envio -->


    i) <input type="submit" value="Enviar Mensagem">
    </form>
    </main>

    <footer> <!-- Rodapé da Página -->


    www.sionise.com Fundamentos de Desenvolvimento Web -FDW| Pg. 10

    <p>Desenvolvido por Seu Nome. </p>


    <!-- Contato do Autor -->
    j) <andres><a href= “mailto:mariavalentina@gmail.com”>Contato</a></andres>
    </footer>
    </body>
    </html>

    a) <html lang=“pt-br”>

    b) <head>

    c) <li><a href="#projetos">Projetos e Portfólio</a></li>

    d) <imput type="text" name="nome" id="nome" required placeholder="Digite seu


    Primeiro Nome" autofocus >

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

    f) <imput type="email" name="email" id="email"


    placeholder="seuemail@dominio.com" required>

    g) <label for="mensagem">Escreva sua mensagem: </label>

    h) <textarea name="mensagem" id="mensagem"></textarea>

    i) <input type="submit" value="Enviar Mensagem">

    j) <andres><a href= “mailto:mariavalentina@gmail.com”>Contato</a></andres>

    Você também pode gostar