Although I prefer not to use the "Required" attribute in my code, omitting it completely disrupts the appearance of my form.
https://i.sstatic.net/iudA6.png
I wonder why removing this attribute causes such a drastic change. The design is meant to shift when Email is clicked to resemble the Password input field.
Below is the HTML snippet for reference:
<form action="./includes/login.inc.php" method="post">
<div class="group">
<input type="text" name="emailuid" required=""/><span class="highlight"></span><span class="bar"></span>
<label>Email</label>
</div>
<div class="group">
<input type="password" name="pwduid"/><span class="highlight"></span><span class="bar"></span>
<label>Password</label>
</div>
<div class="btn-box">
<button class="btn btn-submit" type="submit" name="login-submit">Sign in</button>
</div>
</form>
Additionally, here's the CSS styling specifically for the forms:
[CSS Styling code goes here]The requirement of using the "required" attribute is conflicting with the current PHP validation set up to check for empty fields. This dilemma is hindering the desired visual aesthetics of the form structure.
Your assistance on this matter would be greatly appreciated. Thank you!