corri alguns erros, novo modelo de form sem nenhum css

anasilveira9787 · Mar 1, 2022 · cacd47e · cacd47e
1 parent 04b5e5f
commit cacd47e
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 5 deletions.
diff --git a/form_mayk.html b/form_mayk.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <form action="">
+    <fieldset>
+      <legend>Contato</legend>
+      <p><label for="name">Nome: </label></br>
+        <input type="text" id="name" placeholder="Digite seu nome completo">
+      </p>
+      <p><label for="email">E-mail: </label></br>
+        <input type="email" name="email" id="email" required placeholder="[email protected]">
+      </p>
+      <p><label for="message">Mensagem: </label></br>
+        <textarea name="message" id="message" cols="30" rows="10"></textarea>
+      </p>
+      <button type="submit" id="enviar">ENVIAR</button>
+
+    </fieldset>
+
+
+  </form>
+</body>
+</html>
diff --git a/formulario_de_contato.html b/formulario_de_contato.html
@@ -26,9 +26,9 @@
 <body>
   <h1>Modelo de formulário de contato com CSS para vários usos</h1>
   <form action="" id="contact-form" title="Formulário de contato">
-    <fieldset>
+    <fieldset> <!-- Fieldset é usado para agrupar um conjunto de dados pelo mesmo assunto -->
       <legend>Modelo de formulário de contato</legend>
-    <label for="input_subject">Assunto:</label>
+    <label for="input_subject">Assunto:</label> <!-- label é uma tag de acessibilidade, ela ajuda os leitores a entenderem o que o formulário está pedindo naquele campo. Quando estiver antes do input, deveremos indicar a qual input este label se refere. -->
       <select name="subject" id="input_subject">
         <option value="Suporte">Suporte</option>
         <option value="Vendas">Vendas</option>
@@ -41,17 +41,17 @@ <h1>Modelo de formulário de contato com CSS para vários usos</h1>
     </p>
     <p>
       <label for="input_email">E-mail:</label><br>
-        <input type="email" name="email" id="input_email">
+        <input type="email" name="email" id="input_email" required >
     </p>
     <p>
       <label for="input_message">Mensagem:</label><br>
       <textarea name="message" id="input_message" cols="30" rows="10"></textarea>
     </p>
     <p> 
-      <input type="checkbox" name="allow_mailling" id="allow_mailling" checked>
+      <input type="checkbox" name="allow_mailling" id="allow_mailling" checked required minlength="10">
       <label for="allow_mailling">Autorizo receber mensagens e propagandas em meu e-mail.</label>
     </p>
-    <button type="submit" id="contact-form-submit"><label for="contact-form-submit">ENVIAR</label></button>
+    <button type="submit" id="contact-form-submit">ENVIAR</button>
   </fieldset>
   </form>
 </body>