Forms
Forms serve as integral components of websites, enabling users to input information and engage with site features. They serve diverse functions, including newsletter sign-ups, contact submissions, and purchases. In this instance, we'll focus on utilizing forms for newsletter subscription.
Illustration of a Form Implementation
HTML Code
<form class="c-newsletter__form l-flex l-flex-column l-flex-center-items l-mt-1-25"
method="post"
action="https://learndigital.dev/DGL103/dgl103-form.php">
<div class="c-newsletter__label-wrapper l-flex l-flex-column">
<label for="fname" class="c-newsletter__label l-flex-start-self">First Name</label>
<input class="c-newsletter__input l-p-1" type="text" id="fname" name="firstname" placeholder="Ex: Mary">
</div>
<div class="c-newsletter__label-wrapper l-flex l-flex-column">
<label for="email" class="c-newsletter__label l-flex-start-self">Email Address<span class="c-newsletter__label-required">* (required)</span></label>
<input class="c-newsletter__input l-p-1" type="email" id="email" name="email" placeholder="Ex: mary@gmail.com" required>
</div>
<input class="c-newsletter__submit u-primary-cta-bgcolor u-primary-cta-font u-button l-mt-1-25 l-p-1 u-letter-spacing-4"
type="submit"
value="Submit">
</form>