Как из шаблона html передать данные в сериализатор rest api django?

Question

[RandomMUSTACHEO]

Есть шаблон калькулятора доставки в который вбиваются габариты, вес и точка назначения посылки.

<div class="prim">
        <div class="kalk__container">
            <div class="head">
                <div class="head__title">Заказ</div>
                <div class="sbros">
                    <a  href="#">Сбросить рассчёт</a>
                </div>
            </div>
        <div class="column">
            <div class="calc__item">
                <div class="item__title">
                    Откуда
                </div>
                <div class="item__content">
                    Белгород
                </div>
            </div>
            <div class="calc__item">
                <div class="item__title">
                    Куда
                </div>
                <div class="item__content">
                    <select class="sel">
                        <option value="1">Москва</option>
                        <option value="2">Санкт-Петербург</option>
                        <option value="3">Нижний Новгород</option>
                        <option value="4">Мытищи</option>
                    </select>
                </div>
            </div>
            <div class="calc__item">
                <div class="item__title">
                    Вес, кг
                </div>
                <input class="input" type="number"  min="1" max="25" >
            </div>
            <div class="calc__item">
                <div class="item__title">
                    Длинна, см
                </div>
                <input class="input" type="number"  min="1" max="150" >
            </div>
            <div class="calc__item">
                <div class="item__title">
                    Ширина, см
                </div>
                <input class="input" type="number"  min="1" max="150" >
            </div>
            <div class="calc__item">
                <div class="item__title">
                    Высота, см
                </div>
                <input class="input" type="number"  min="1" max="150" >
            </div>
        </div>
            <div class="add">
                <div class="text__bottom">+ Добавить упаковку</div>
        </div>
            <div class="rass">
              <div class="text__bottom">Рассчитать</div>  
            </div>
        </div>
    </div>

В соответствующие поля вводятся данные. Надо эти данные передать в сериализатор.

class CalcSerializer(serializers.Serializer):
    pack_weight = serializers.IntegerField()
    pack_length = serializers.IntegerField()
    pack_width = serializers.IntegerField()
    pack_height = serializers.IntegerField()
    pack_destination = serializers.CharField()

Как я могу это сделать и нет ли ошибок в сделанном мной сейчас?