Переделать форму из input в select с сохранением функциональности

Код формы

<dl><strong>{L_ITEMS_REQUIRED}</strong></dl>
<dl>
    <dt><label for="birthdate">{{ lang('ENTER_BIRTHDATE') }}{{ lang('COLON') }} *</label></dt>
    <dd>
        {{ lang('DAY') }}{{ lang('COLON') }}&nbsp;<input  class="inputbox autowitdh" id="registration_age_day" type="number" maxlength="2" name="registration_age_day" value="{{ REGISTRATION_AGE_DAY }}" min="1" max="31" />
        {{ lang('MONTH') }}{{ lang('COLON') }}&nbsp;<input  class="inputbox autowitdh" id="registration_age_month" type="number" maxlength="2" name="registration_age_month" value="{{ REGISTRATION_AGE_MONTH }}" min="1" max="12" />
        {{ lang('YEAR') }}{{ lang('COLON') }}&nbsp;<input  class="inputbox autowitdh" id="registration_age_year" type="number" maxlength="4" name="registration_age_year" value="{{ REGISTRATION_AGE_YEAR }}" min="{{ YEAR_START }}" max="{{ YEAR_END }}" step="-1" style="max-width: 75px;"/>
        {% if REGISTRATION_AGE_SHOW %}
            &nbsp;&nbsp;{{ MINIMUM_AGE }}
        {% endif %}
    </dd>
</dl>

Проблема в том, что по умолчанию в форме указана дата текущего для и многие её пропускают и пытаются зарегистрироваться с 0-м возрастом, также напрягает возможность ввести любую дату, поэтому хотелось бы преобразовать её в выпадающий список, только не знаю каким способом это можно сделать.

Самое перспективное решение в моём понимании был бы скрипт, который бы отображал данные формы как select и сгенирировал бы для каждого поля диапазон option исходя из параметров: maxlength, min, max, с возможностью прописать значение по умолчанию, но возможно я что-то не так понимаю, так как опыта не много, поэтому с радостью бы расмотрел любые возможности решения данной проблемы :)

Благодарю всех за уделённое время и за любые попытки помочь и решить этот вопрос!