Form
Form elements sync with overall styling of evo text and colors. Use <input>
, <select>
, and <textarea>
tags. Add attributes to the HTML tags as needed, such as autofocus
, required
, or multiple
.
containers and labels
<form>
<fieldset>
<legend>Legend (visible)</legend>
<legend class="visually-hidden">Legend (visully hidden)</legend>
<!-- place form inputs here -->
</fieldset>
</form>
Create the <form>
tag, with a <fieldset>
tag nested inside, followed by a <legend>
tag and text. Apply the visually-hidden
class to the legend in order to hide it (except for screen readers).