I am doing a web development project.

I have a product page which has 2 buttons. By pressing one button, a text box gets displayed and the user types in the value and after saving it the text box should disappear. When the user clicks the button again, the text box gets displayed and the user can
type a new value(like text1, text2...).

There is second button, when it is clicked it displays the text box with the value that the user typed in the text boxes(text1,text2...). when we click the second button, it should display text1, text2... in a graphical view and the user can edit or delete the text boxes and rearrange the text boxes and save the online work in his webpage for future use.

I am a learner in web development.It would be very helpful if anybody could help me with code.
I am doing in Html, Css, Javascript, Php and Mysql.