tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed html validation errors, hopefully also the hidden being true. I am setting it in JavaScript

This commit is contained in:
Robert McGovern 2022-09-28 21:26:29 +01:00
parent 86a559963e
commit 03afd40b57
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
projects/FrontendMentor/newbie/intro-component-with-signup-form/index.html
View File

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