LT: Integrate Web Components with Forms Seamlessly
summary
Shows how to make custom elements participate in HTML forms by using the browser ElementInternals API to declare a form-associated component and call setFormValue (accepts strings or FormData) so the component’s data is included on submit. Demonstrates exposing a plain value property so Phoenix LiveView’s change validation can read the field without submission. Includes minimal code patterns and notes that this approach works reliably across submits and LiveView validations.
AI-written summary · about
related talks
24mLiveView and Web Components
36mBack to Basics Why HTML Forms Still Rule the Web
32mA New Model for Form Components
51mBuilding web applications with Web Components
34mConquering Forms in Vue
44mWeb Components An Introduction to the Future
41mWeb Components: Maintaining and Reusing your Frontend
39mWeb components - A whirlwind tour