Input


Textarea


Select


Radio


Checkbox


Switch


Button


Slider


This document is intended for Web Developers. This document will be continually updated over time. The examples shown are using Hugo, Parsley.js, Tachyons, Netlify, and Netlify’s Victor-Hugo boilerplate.

! Must find a way to change ‘triggers’ during the partial declaration.

Basic Form

Required:

  • action: Determines how the form will be submitted.
  • id: Used to describe the form on submission.
  • name: Usually not required, but required with Netlify Forms.
  • netlify: Used to collect form submissions via Netlify.

  • Why are inputs wrapped in forgroups?

Next: Write your form. What information are you trying to collect? Then, create your inputs.

Styling

  • Basic Styling
  • Floating Labels