Skip to content

Commit

Permalink
aula 22 CeV
Browse files Browse the repository at this point in the history
  • Loading branch information
@NogueiraCleiton
NogueiraCleiton committed Jul 3, 2024
1 parent 3d9576b commit f599871
Show file tree
Hide file tree
Showing 4 changed files with 126 additions and 0 deletions.
32 changes: 32 additions & 0 deletions formularios/fomr004.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Exemplo de Formulário</h1>
<form action="cadastro.php" method="get">
<fieldset>
<legend>Dados Pessoais</legend>
<p>
<label for="iemail">Nome</label>
<input type="text" name="nome" id="inome" autocomplete="name" required maxlength="10">
</p>
<p>
<label for="iemail">E-mail</label>
<input type="email" name="email" id="iemail" autocomplete="email" required>
</p>
<p>
<label for="iemail">Telefone</label>
<input type="tel" name="tel" id="itel" autocomplete="tel" pattern="^\(\d{2}\)\d{4,5}-\d{4}$" required placeholder="(xx)xxxx-xxxx"> <!--ESTUDAR RegEx-->
</p>
</fieldset>
<p>
<input type="submit" value="Envier">
<input type="reset" value="Limpar">
</p>
</form>
</body>
</html>
34 changes: 34 additions & 0 deletions formularios/form003.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulário</title>
</head>
<body>
<h1>Teste de formulário</h1>
<form action="cadastro.php" method="get" autocomplete="on">
<p>
<label for="inome">Nome</label>
<input type="text" name="nome" id="inome" required maxlength="30" placeholder="Nome completo" autocomplete="name">
</p>
<p>
<label for="imedia">Média</label>
<input type="number" name="media" id="imedia" min="0" max="10" placeholder="0 à 10" step="0.1" value="5">
</p>
<p>
<label for="imes">Período Letivo</label>
<input type="month" name="mes" id="imes" value="2023-07">
</p>
<label for="idia">Dia da Prova</label>
<input type="date" name="dia" id="idia">
<p>
<label for="ihora">Hora da Prova</label>
<input type="time" name="hora" id="ihora">
<p>
<input type="submit" value="Enviar">
<input type="reset" value="Limpar">
</p>
</form>
</body>
</html>
32 changes: 32 additions & 0 deletions formularios/form005.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulários</title>
</head>
<body>
<h1>Exemplo de formulario</h1>
<form action="cadastro.php" method="get">
<fieldset>
<legend>Sexo</legend>
<input type="radio" name="sexo" id="sxmasc" value="M"><label for="sxmasc">Masculino</label><br> <!--botao radio mesmo name -->
<input type="radio" name="sexo" id="sxfem" value="F"><label for="sxfem">Feminino</label>
</fieldset>
<fieldset>
<legend>Esportes Favoritos</legend>
<input type="checkbox" name="esfut" id="iesfut"> <label for="iesfut">Futebol</label><br>
<input type="checkbox" name="esnat" id="iesnat"> <label for="iesnat">Natação</label><br>
<input type="checkbox" name="escor" id="iescor"> <label for="iescor">Corrida</label><br>
<input type="checkbox" name="estri" id="iestri" checked> <label for="iestri">Trilha</label><br> <!--botão chekbox name diferentes -->
<p>

</p>
</fieldset>
<p>
<input type="submit" value="enviar">
<input type="reset" value="Limpar">
</p>
</form>
</body>
</html>
28 changes: 28 additions & 0 deletions formularios/form006.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulário</title>
</head>
<body>
<h1>Teste de formulário</h1>
<form action="cadastro.php" method="post" autocomplete="on">
<p>
<label for="icor">Cor</label>
<input type="color" name="cor" id="icor" value="#00ff00">
</p>
<p>
<label for="inivel">Nível de satisfação:</label>
<input type="range" name="nivel" id="inivel" min="1" max="5" value="3">
</p>
<p>
<label for="ifoto">Foto de Perfil</label>
<input type="file" name="foto" id="ifoto">
<!--QUANDO USAR O ENVIO DE ARQUIVOS, USAR O METHOD POST-->
</p>
<p>
<input type="submit" value="Enviar">
<input type="reset" value="Limpar">
</p>
</form>

0 comments on commit f599871

Please sign in to comment.