Как пометить HTML для сохранения вложенных объектов в Mongoose?

У меня есть модель, которая выглядит так:

const recipeSchema = new Schema({
title: { type: String , required: true},
description: { type: String , required: true},
steps:[{
    text:{type:String},
    ingredients:{type:String}
}]});

Используя bodyparser, я могу сохранять данные, просто помечая их в атрибуте name HTML-формы. Как показано ниже:

<div class = "input-field">
            <textarea id = "title" name = "title" placeholder = "Enter title here"></textarea>
            <label for = "title">Title</label>
</div>

Этот метод хорошо работает для первых двух полей (заголовок и описание), но я застрял в том, как пометить их для поля шаги. Как мне заставить код понимать, какие поля ввода предназначены для step.text, а какие - для steps.ingredient? И создать массив объектов?