Para fazer o que você deseja, você deve usar javascript, o código abaixo vai com javascript puro, mas jQuery também é possível:
function adicionarProduto(){
ingrediente = document.getElementById('ingrediente').value;
textarea = document.getElementById('lista-ingredientes').value;
document.getElementById('lista-ingredientes').value = textarea+"<br>"+ingrediente;
}
<form method="POST">
Receita:
<br><input type="text" id="receita">
<br>Ingrediente:
<br><input type="text" id="ingrediente">
<br><button type="button" id="adicionar" onclick="adicionarProduto();">Adicionar</button>
<br><br><br><textarea id="lista-ingredientes"></textarea>
<br><button type="submit" value="Cadastrar">Cadastrar</button>
</form>
<form method="POST">
Receita:
<br><input type="text" id="receita">
<br>Ingrediente:
<br><input type="text" id="ingrediente">
<br><button type="button" id="adicionar" onclick="adicionarProduto();">Adicionar</button>
<br><br><br><textarea id="lista-ingredientes"></textarea>
<br><button type="submit" value="Cadastrar">Cadastrar</button>
</form>
<script>
function adicionarProduto(){
ingrediente = document.getElementById('ingrediente').value;
textarea = document.getElementById('lista-ingredientes').value;
document.getElementById('lista-ingredientes').value = textarea+"<br>"+ingrediente;
}
</script>