Hallo Axel,
sobald der User in die letzte freie Zeile springt, soll darunter die nächste freie erscheinen und der Text einfach nach unten rücken. Illusorisch?
nö, ganz einfach. Dir fehlt vermutlich der Ansatz?
Dein Formular hat ein <input> für die Bestellung. Darin enthalten ist ein Eventhandler "onFocus". Dieser Eventhandler ruft nun eine Methode zum Erzeugen eines neuen <input> auf
Die Methode selbst braucht hierfür:
inp=document.createElement("input");
inp.setAttribute("type","text"); und was du sonst noch brauchst ...
inp.setAttribute("onFocus","DeineMethode()");
Das so erzeugte <input> muss jetzt nur noch eingehängt werden. Idealerweise hast du irgendwo eine entsprechende ID wo das Input hin soll.
document.getElementById("bestellung").appendChild(inp);
Das war es auch schon ...
Achja, vorher solltest du natürlich noch den onFocus-Handler vom (bis dahin) letzten <input> entfernen. Selbiger sollte ja nur im (neuen) letzten Eingabefeld aktiv sein.
removeAttribute();
ist dein Suchbegriff.
Fragen?
HTH
Jochen