RE: Hannah's "Intro component using CSS grid, vanilla javascript, and Netlify forms" solution1If you set type="email" for the email input element, the browser will check that the user entered a valid email address automatically. You can then use the :valid and :invalid CSS pseudo-classes to style the input accordingly.More info here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email.Hope that helps!
Latest Comments
RE: Hannah's "Intro component using CSS grid, vanilla javascript, and Netlify forms" solution
If you set
type="email"for the email input element, the browser will check that the user entered a valid email address automatically. You can then use the:validand:invalidCSS pseudo-classes to style the input accordingly.More info here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email.
Hope that helps!