This is a uibuilder example using Vue.js as a front-end library. See the node-red-contrib-uibuilder README for details on how to use UIbuilder.
You can also very simply create a form like this using Vue & bootstrap-vue.
The form sends data back to Node-RED.
Look at the increment
method in index.js
to see how easy this is.
Click on the button to increment the counter. It sends the data dynamically back to Node-RED as well. The data includes all of the form inputs.