A simple form with explanations you can fold in and out, animated buttons and visual hints when a field contains wrong input. All done client side with HTML and CSS, no Javascript needed.

Notices where this attachment appears

1. Embed this notice
   Jan Wildeboer 😷:krulorange: (jwildeboer@social.wildeboer.net)'s status on Sunday, 05-Jan-2025 00:21:55 JST Jan Wildeboer 😷:krulorange:

   TIL (well, over the last few days) how to create nice looking forms with `form`. `fieldset`, `legend` and `label` instead of tables and a bit of CSS to also have little effects like glowing buttons and visual hints when input doesn't pass the regex pattern that you can add to an `input`field. Feel free to look at the source code of https://jan.wildeboer.net/assets/TD1MRZ.html to see what I did. No frameworks, no JavaScript (for that part of the page)! I like the clean look and feel :)