Intro-component-with-signup-form using HTML and CSS

Looks great! 🎀

1. With HTML, you can already validate the form on the client side. You can use attributes like pattern and accept. I suggest you look at input attributes.

2. You can use the :invalid pseudo-class to change the style of the element when the wrong input is entered.

3. After that, it will be to submit the form to the server.

4. If you still want to authenticate with javascript on the client side, you can read this. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#client-side_validation

<form action="" method="post">
    <label for="name">Name:</label>
    <input type="text" name="name" id="name" required  pattern="[a-zA-Z]+" placeholder="John" />
    <input type="submit" />
</form>

input:invalid {
    border: 2px solid red;
}