Assign e-mail field the proper type="email"; this allows clients to automatically validate the input to ensure that it's either empty or a properly-formatted e-mail address
Add autocomplete="email" to e-mail field; this allows clients to properly autocomplete the field (e-mail addresses only)
Use name="email" for e-mail field which enables Netlify Forms and Formspree to automatically add the right Reply-To: header in e-mail notifications
Add labels for all relevant fields (allows Netlify Forms to pick these up when sending e-mail notifications with form submissions)
Allow Markdown in contact 'location' address
Properly align all address components with icons and disable params.contact.address_descriptors in config.toml by default (looks better)
Cloak contact e-mail address using CSS and make it clickable (mailto: link) using JS; the procedure is largely borrowed from hugo-cloak-email; the theme now includes a partial layout/partials/cloak_email.html and a shortcode layout/shortcodes/cloak_email.html both taking an e-mail address as argument (string) and returning a <span> element that's rendered to the uncloaked e-mail address by the browser
Assign e-mail field the proper
type="email"
; this allows clients to automatically validate the input to ensure that it's either empty or a properly-formatted e-mail addressAdd
autocomplete="email"
to e-mail field; this allows clients to properly autocomplete the field (e-mail addresses only)Use
name="email"
for e-mail field which enables Netlify Forms and Formspree to automatically add the rightReply-To:
header in e-mail notificationsUse
name="subject"
for subject field which enables Netlify Forms to use the submitted value of this field as subject in e-mail notificationsAdd labels for all relevant fields (allows Netlify Forms to pick these up when sending e-mail notifications with form submissions)
Allow Markdown in contact 'location' address
Properly align all address components with icons and disable
params.contact.address_descriptors
inconfig.toml
by default (looks better)Cloak contact e-mail address using CSS and make it clickable (
mailto:
link) using JS; the procedure is largely borrowed from hugo-cloak-email; the theme now includes a partiallayout/partials/cloak_email.html
and a shortcodelayout/shortcodes/cloak_email.html
both taking an e-mail address as argument (string) and returning a<span>
element that's rendered to the uncloaked e-mail address by the browser