setting and loading form variables/content to current web page

Greetings,
I seek a best practice to dynamically load form data to the current web page. Example: a user logs into a web page to add a recipe.
1. recipe web page loads with no ingredients where the user is prompted to enter ingredient: Please enter ingrediant QTY: ____ MEASURE:___ ITEM___. And so he enters form data <1> <cup><sugar> and clicks submit button
2. same page reloads displaying a grayed out table to list 1 cup sugar and form entry input fields are empty offering a subsequent ingredient entry Example:
| 1 | cup | sugar |
Please enter ingrediant QTY: ____ MEASURE:___ ITEM___.

I know this is probably intuitively obvious, but I don't know the best angle of attack.

Thank You and Regards,
-David

re: setting and loading form variables/content to current web page

Welcome to TSDN!

Why do you want the user to submit after filling in only 1 entry? Is it not easier to let him fill all ingredients one after the other without submitting?

In that case you could open 1 line and, after he entered 1 ingredient, open a second line dynamically and so on, until he hits the submit key, after which the whole recipe can be shown.

Or do I misunderstand your purpose?

Ronald

re: setting and loading form variables/content to current web page

Thank You It is good to be here.
Dynamically opening line after line works too and then submitting, but how please.
-David