# Dev Diary Ep66 - New Form Components **URL:** \ **Category:** Elements\ **Created:** [March 4, 2025, 2:35pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578 "2025-03-04T14:35:37Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 2:35pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/1 "2025-03-04T14:35:37Z")
Hello again, In today’s Dev Diary, we’re finally showing the new Form Components 🔥 While they won’t be shipping in a build this week, we are getting very close and would love to hear your feedback based on what we’ve demoed today. [![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/5/45af1a1c825efa34c6e53ec9de98e2f1f7cead6f.jpeg "Dev Diary Ep66 - New Form Components") ](https://www.youtube.com/watch?v=FlAvQC5neyA) ### Useful Links - Visit [elementsapp.io](http://elementsapp.io) to purchase a license - [Learn more about Early Access in the Docs](https://docs.realmacsoftware.com/elements-docs/get-early-access) - [Element Projects on the Marketplace](https://marketplace.realmacsoftware.com/elements/projects/) ## Suggest a Feature Don’t forget you can vote and suggest the features you want on our [open Roadmap page](https://elements.nolt.io). ## Get Elements. Elements is [currently in Early Access](https://docs.realmacsoftware.com/elements-docs/get-early-access). You can visit the [elementsapp.io website](https://www.elementsapp.io/purchase/?utm_source=realmacsoftware-forum) to purchase a license today. ## Thanks for Your Feedback As always, keep the feedback coming. Your input has made all the difference so far. Thank you! See you soon, Dan & Team Realmac. ---
**Author:** ![fox78](https://avatars.discourse-cdn.com/v4/letter/f/77aa72/32.png) [@fox78](https://forums.realmacsoftware.com/u/fox78)\ **Post date:** [March 4, 2025, 3:08pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/2 "2025-03-04T15:08:25Z")
Wow, looks very promising. But I have an instant request: Please integrate an option for hCaptcha as a clean alternative to Gooogle and Cloudfare. ---
**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\ **Post date:** [March 4, 2025, 3:34pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/3 "2025-03-04T15:34:46Z")
Looks Great! Forms section is in alphabetical order. As a FORM “container” always needs to be added can we have that a top in position 1 in grid? aids flow. Secondly Is it possible to have the button obfuscate the email address? Thirdly as layouts are what we normally start with its getting pushed more to bottom of components as more sections are added, once again alpha order. It would be great to be able to move the component bar sections to where you want them as my brain starts at top and works its way down sections. Can’t wait for Beta to play with them. THANKS all for your hardwork! ---
**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\ **Post date:** [March 4, 2025, 3:42pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/4 "2025-03-04T15:42:05Z")
It’s a fantastic form. I like idea vertical and horizontal, And successful other pages are good 👍🏻 I have some questions; - @fox78 same question hCaptcha - What is a webhook? - How can I hide the blue hover border of an input field that appears automatically in the browser? I tried removing it from the filter input. Thank you, Dan, for your hard work. ---
**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\ **Post date:** [March 4, 2025, 3:47pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/5 "2025-03-04T15:47:43Z")
Okay, that was more than I wanted. But in giving me more than I wanted, I now want more ;~). You’re one step away from doing surveys using the form component. That would be immensely useful. Oh, and about collections: why isn’t that an element by itself? It’s a type of text that is really a database list of text. That, too, would be useful. ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 4, 2025, 4:05pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/6 "2025-03-04T16:05:13Z")
Would be amazing, if in the theme studio we could setup default form design. So you won’t need to restyle every single one you drop in. ---
**Author:** ![Seb](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/seb/32/25695_2.png) [@Seb](https://forums.realmacsoftware.com/u/Seb)\ **Post date:** [March 4, 2025, 4:42pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/7 "2025-03-04T16:42:44Z")
Forms are looking great. I will definitely switch to Elements as my static site builder just because I can natively use SMTP and use my mail adresses. Two wishes 1. Add a honeypot as a simple field in protection. Maybe even rotate with names of the hidden field with every upload so bots don’t catch up easily. 2. Please implement accessibility basics for forms. Placeholders are not labels. Use fieldgroups, inputs, labels etc 🙂 ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [March 4, 2025, 4:42pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/8 "2025-03-04T16:42:51Z")
> [@AnasHyeee](#): > > How can I hide the blue hover border of an input field that appears automatically in the browser? You use the Outline controls 🙂 These controls will be available on all components (where it makes sense). ![Screenshot 2025-03-04 at 17.42.00](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/2/f2cc4e0db780963d705f02ee8b666267662aac89.png) ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [March 4, 2025, 4:43pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/9 "2025-03-04T16:43:38Z")
> [@fox78](#): > > Please integrate an option for hCaptcha Have to be honest, I’d not heard of hCaptcha. I’ll take a look and see if we can implement it as an option 🙂 ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [March 4, 2025, 4:50pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/10 "2025-03-04T16:50:56Z")
> [@AnasHyeee](#): > > What is a webhook? A webhook is a way to automatically send form data to a specified URL when the form is submitted. The form triggers an HTTP POST request with the form data to an external service, allowing real-time processing of the data. One use case would be to send the form data to a webhook in service such as [IFTTT](https://ifttt.com/) or [Zapier](https://zapier.com/). Those services take the form data and allow you to process it as you wish - so you could save the data to a google sheet, add a new subscriber to Mailchimp, and/or create a social media post. Webhooks opens up the possibility to use your form data in any way you like - it’s a very powerful feature! ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 4, 2025, 4:52pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/11 "2025-03-04T16:52:33Z")
just wondering how to secure that without PHP. But yeah thats a different topic. ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [March 4, 2025, 4:56pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/12 "2025-03-04T16:56:15Z")
> [@Seb](#): > > Placeholders are not labels. Use fieldgroups, inputs, labels etc We already have a Label component that you can add to your forms. We’re also aware of DOM elements such as `fieldset`, we’ll ensure we’re using those where appropriate and possible in Elements 🙂 ---
**Author:** ![Seb](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/seb/32/25695_2.png) [@Seb](https://forums.realmacsoftware.com/u/Seb)\ **Post date:** [March 4, 2025, 5:08pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/13 "2025-03-04T17:08:45Z")
Great! 🙂 Can I link the label to the input by aria-label or aria-labelledby? ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [March 4, 2025, 5:10pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/14 "2025-03-04T17:10:22Z")
not just yet, but it is on my list to ensure that works as smoothly as possible 😊 ---
**Author:** ![PeteSharp](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/petesharp/32/31752_2.png) [@PeteSharp](https://forums.realmacsoftware.com/u/PeteSharp)\ **Post date:** [March 4, 2025, 8:22pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/15 "2025-03-04T20:22:08Z")
Looking great @dan ---
**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\ **Post date:** [March 4, 2025, 10:18pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/16 "2025-03-04T22:18:06Z")
Thanks for Clarify about for outline Accessibility, webhook. reCAPTCHA protects you against spam and automated abuse. Using Contact Form reCAPTCHA integration module, you can block spam bot submissions. Thanks @ben ---
**Author:** ![LaPan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lapan/32/92_2.png) [@LaPan](https://forums.realmacsoftware.com/u/LaPan)\ **Post date:** [March 4, 2025, 11:59pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/17 "2025-03-04T23:59:16Z")
Looking good. And you went by it really fast … multiple checkboxes can be checked? Dropdowns are for a singular choice, right. ---
**Author:** ![barchard](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/barchard/32/2292_2.png) [@barchard](https://forums.realmacsoftware.com/u/barchard)\ **Post date:** [March 5, 2025, 1:43am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/18 "2025-03-05T01:43:08Z")
Awesome work! I can’t wait to bring [FormsPlus](https://chillidogsoftware.com/products/formplus) to Elements to make contact forms even better! Cheers Greg ---
**Author:** ![Lion](https://avatars.discourse-cdn.com/v4/letter/l/57b2e6/32.png) [@Lion](https://forums.realmacsoftware.com/u/Lion)\ **Post date:** [March 5, 2025, 8:58am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/19 "2025-03-05T08:58:48Z")
That is great Greg. Can only imagine what it will be like on Elements. ---
**Author:** ![Lion](https://avatars.discourse-cdn.com/v4/letter/l/57b2e6/32.png) [@Lion](https://forums.realmacsoftware.com/u/Lion)\ **Post date:** [March 5, 2025, 9:02am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578/20 "2025-03-05T09:02:01Z")
Looks good! Have you thought of the ability for step forms and also dropdown for countries selection. [Next page](https://forums.realmacsoftware.com/t/dev-diary-ep66-new-form-components/46578.md?page=2)