![](https://res.cloudinary.com/aarongustafson/image/fetch/q_100,f_auto,w_100,h_100,c_fill/https%3A%2F%2Fcdn.statically.io%2Fimg%2Faustingil.com%2Ff%3Dauto%252Cq%3D70%2Fwp-content%2Fuploads%2FOpinion-Blog-Cover.png)
A good walkthrough on how to build a form that hooks into an API and works either with or without JavaScript.
One note however: Austin in incorrect in that you absolutely can define nested objects in your forms. I’ve done it many times. Your field names just need to use bracket notation like this:
<input name="foo['bar']['baz']">
That will pipe through as the value for the baz property of bar within foo.