<hr class="mt-4">

<label for="inp_1" class="form-label fs-5">Not Working (but i fixed it :))</label>

<input id="inp_1" 

       type="tel"

       name="dtaFld_6"

       value="(727) 123-4567"

       class="form-control form-control-lg fs-4 inputMask active input-mask-fixed" 

       placeholder="(999) 999-9999"

       data-mdb-input-placeholder="false"

       data-mdb-input-mask="(999) 999-9999">

​

<button class="btn show-value-btn">

  Show me the value!

</button>

<hr>

​

<label for="inp_2" class="form-label fs-5">Working Without inputMask</label>

<input id="inp_2" 

       type="tel"

       name="dtaFld_6"

       value="(727) 123-4567"

       class="form-control form-control-lg fs-4" 

       placeholder="(999) 999-9999">

​

<hr> 

<label for="inp_3" class="form-label fs-5">Testing ZipCode with inputMask</label>

<input id="inp_3" 

       type="text"

       name="zip"

       value="12345-1234"

       class="form-control form-control-lg fs-4 inputMask active"

       placeholder="99999-9999"

       data-mdb-input-mask="99999-9999">

<hr> 

<label for="inp_4" class="form-label fs-5">Testing ZipCode without inputMask</label>

<input id="inp_4" 

       type="text"

       name="zip"

       value="12345-1234"

       class="form-control form-control-lg fs-4"

       placeholder="99999-9999">