form_handler
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
main.tsx
https://andreterron--44bbdb8e27b311f0aecd569c3dd06744.web.val.run
Live demo: https://andreterron-form_demo.web.val.run/
Create a form that posts to your val:
<form action="https://andreterron-form_handler.web.val.run" method="post"> <label for="username">Val Town username:</label> <input name="username" type="text"> <button type="submit">Submit</button> </form>
And get your results stored as an array:
// set by andreterron.form_handler at 2023-08-10T21:04:43.364Z
let formResponses = [{
"username": "andreterron",
},
{
"username": "stevekrouse",
}];
- Fork this val and click the 🔒 to set it as "Unlisted"
- Open the val menu → Endpoints → "Copy web endpoint"
- Use that url as the
action
attribute of your form
Check out the example val: https://www.val.town/v/andreterron.form_demo
This val saves to another val (@me.formResponse
), which has a 100kb limitation (250kb for pro
users), if you want to store them in a more scalable solution, check out our guides
Migrated from folder: A_Make_A_Val_Day/_23_08_10_Forms/form_handler