<br><br>

​

<div class="form-outline">

  <input type="text" required id="dfiLayoutName" class="form-control" data-mdb-showcounter="true" maxlength="20" name="name" >

  <label class="form-label" for="dfiLayoutName">Name</label>

  <div class="form-helper"></div>

</div>

​

​

​

​

​

    document.querySelectorAll('div.form-outline:has(label.form-label):has(input)').forEach((formOutline) => {

        console.log(formOutline);

        const selectElement = new mdb.Input(formOutline);

        selectElement.init();

    });

​

​