From 03afd40b5741ce01f536aad786815b8996eec396 Mon Sep 17 00:00:00 2001
From: Robert McGovern <rob@tarasis.net>
Date: Wed, 28 Sep 2022 21:26:29 +0100
Subject: [PATCH] fixed html validation errors, hopefully also the hidden being
 true. I am setting it in JavaScript

---
 .../index.html                                | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/projects/FrontendMentor/newbie/intro-component-with-signup-form/index.html b/projects/FrontendMentor/newbie/intro-component-with-signup-form/index.html
index c84e5a3..3b6abc9 100644
--- a/projects/FrontendMentor/newbie/intro-component-with-signup-form/index.html
+++ b/projects/FrontendMentor/newbie/intro-component-with-signup-form/index.html
@@ -38,27 +38,25 @@
     <h2><span>Try it free 7 days</span> then $20/mo. thereafter</h2>
 
     <form id="details-form" action="submit" novalidate>
-      <input type="text" name="firstName" id="firstNameInput" placeholder="First Name" enterkeyhint="next"
-        autocomplete="given-name" autofocus required>
-      <div class="errorSection" id="errorSection">
+      <input type="text" name="firstName" id="firstNameInput" placeholder="First Name" autocomplete="given-name"
+        autofocus required>
+      <div class="errorSection">
         <!-- hidden -->
         <p hidden class="errorMessage-styling" id="errorMessage-firstNameInput">First Name cannot be empty</p>
       </div>
-      <input type="text" name="lastName" id="lastNameInput" placeholder="Last Name" enterkeyhint="next"
-        autocomplete="family-name" required>
-      <div class="errorSection" id="errorSection">
+      <input type="text" name="lastName" id="lastNameInput" placeholder="Last Name" autocomplete="family-name" required>
+      <div class="errorSection">
         <!-- hidden -->
         <p hidden class="errorMessage-styling" id="errorMessage-lastNameInput">Last Name cannot be empty</p>
       </div>
-      <input type="email" name="email" id="emailInput" placeholder="Email Address" enterkeyhint="next"
-        autocomplete="email" required>
-      <div class="errorSection" id="errorSection">
+      <input type="email" name="email" id="emailInput" placeholder="Email Address" autocomplete="email" required>
+      <div class="errorSection">
         <!-- hidden -->
         <p hidden class="errorMessage-styling" id="errorMessage-emailInput">Looks like this is not an email</p>
       </div>
-      <input type="password" name="password" id="passwordInput" placeholder="Password" enterkeyhint="done"
-        autocomplete="new-password" required>
-      <div class="errorSection" id="errorSection">
+      <input type="password" name="password" id="passwordInput" placeholder="Password" autocomplete="new-password"
+        required>
+      <div class="errorSection">
         <!-- hidden -->
         <p hidden class="errorMessage-styling" id="errorMessage-passwordInput">Password cannot be empty</p>
       </div>