FORMULARIO AVANÇADO EM HTML 5

•

Exatas

0

Isabelle Penafiel Bueno

20/03/2024

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 4 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Programação Web

1.749 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Formulário</title>
<meta name="generator" content="Geany 1.27" />
</head>
<body>
<form action="vendas.php" method="post">
<fieldset id="usuario">
<legend> Identificação do Usuário </legend>
<p>
<label for ="cnome"> Nome: </label>
<input type="text" id="cnome" name="nome" 
size="50" 
maxlength="70" placeholder="Nome Completo"> 
<br> <br>
 <label for ="csenha"> Senha: </label>
<input type="text" id="csenha" name="senha" 
size="50" 
maxlength="70" placeholder="Até 8 Digitos"> <br>
<br>
 <label for ="cemail"> E-mail: </label>
<input type="text" id="cemail" name="email" 
size="50" 
maxlength="70" placeholder="Digite um E-mail 
válido">
1
</p>
<fieldset id="sexo">
 <legend> Sexo: </legend>
 <input type="radio" name="gender" value="male"> Masculino
 <input type="radio" name="gender" value="female"> Feminino 
</fieldset>
<br>
 <label for ="cdata"> Data de Nascimento: </label>
<input type="date" id="cdata" name="data" 
size="50" 
maxlength="70" placeholder="Nome Completo">
</fieldset>
<br><br><br>
<fieldset id="endereco">
<legend> Endereço do Usuário </legend>
<p>
 <label for ="clograd"> Logradouro: </label>
<input type="text" id="clograd" name="lograd" 
size="50" 
maxlength="70" placeholder="Av; Rua; Tv;">
</p>
<p>
<label for ="cnmr"> Número: </label>
<input type="text" id="cnmr" name="nmr" 
size="50" 
maxlength="70">
</p>
2
<p>
<label for ="cestado"> Estado: </label>
<select id="cestado" name="estado">
<option value="pr"> PR </option>
<option value="sc">SC</option>
<option value="rs"> RS</option>
 </select>
</p>
 <p>
 <label for ="ccidade"> Cidade: </label>
 <input type="text" id="ccidade" name="cidade" size="50" 
maxlength="70" placeholder="Cidade">
</fieldset>
<br><br><br>
<p>
<fieldset id="mensagem">
<legend> Mensagem do Usuário </legend>
<label for="cgrau">Grau de Urgência:</label>
<input type="range" name="points" min="0" max="10">
</p>
<p>
<label for="msg">Mensagem:</label> <br>
<textarea rows="4" cols="50">
Deixe Sua Mensagem
</textarea>
</p>
3
</fieldset>
<br><br><br>
<fieldset id="glass">
<legend>Quero um Google Glass</legend>
<input type = "checkbox" id = "glass" nome = "gglass" value = "newsletter">
<label for = "glass"> Gostaria de Adquirir um Google Glass disponível </ label>
<br> <br>
<label for="cor">Cor:</label> 
<input type="color" value="#ff0000">
<p>
<label for ="cqtde">Quantidade: </label>
<input type="text" id="cqtde" name="qtde" size="50" 
maxlength="70">
</p>
<p>
<label for ="cpreco">Preço Total: R$ </label>
<input type="text" id="cpreco" name="preco" size="50" 
maxlength="70" PLACEHOLDER="Valor Total">
</body>
</html>
4