Ezt milyen módon lenne a legcélszerűbb megcsinálni?

Van egy html űrlap, egy inputban vesszővel elválasztva gyűjti az adott ételhez az összetevőket. Például így szerepel az inputban: "bors, cukor, méz". Minden ételnél különböző darabszámú összetevő van, van aminél kettő de van aminél tizenkettő így a több input nem feltétlen megoldás.

Viszont egy adatbázis táblába külön, rekordonként szeretném eltárolni az összetevőket. Tehát a táblának csak két mezője lenne, "étel" és "összetevő". Például így lennének a rekordok:

kalács,cukor;

kalács,só;

kalács,kakó;

Mit javasoltok, hogyan lenne célszerű megoldani ezt a problémát? HTML, JS és PHP segítségével.