Django - how to use MultiSelectField in template

Question

I am trying to add MultiSelectField in a django template. I implemented the below code, but there is a problem in the template. However, in django admin it is working perfectly.

#models.py

from multiselectfield import MultiSelectField

    class Amenities(models.Model):
        Amenities_Choices =(
            ('Free Wifi','Free Wifi'),
            ('Attach Bathroom', 'Attach Bathroom'),
            ('Shared Bathroom', 'Shared Bathroom'),
            ('Free Laundry Service', 'Free Laundry Service',),
            ('24/7 water facility', '24/7 water facility'),
            ('Geyser', 'Geyser'),
            ('Private TV', 'Private TV'),
        )
        hostel = models.ForeignKey(AddHostel, on_delete=models.CASCADE)
        feature = MultiSelectField(choices=Amenities_Choices)
    
        def __str__(self):
            return self.hostel.location

views.py:

def amenities(request):
    if request.method == "POST":
        hostel = request.POST['hostel']
        feature = request.POST['feature']
        amen = Amenities(hostel_id=hostel, feature=feature)
        amen.save()
    hostels = AddHostel.objects.all()
    return render(request,'staff/amenities.html',{'hostels':hostels})

    <div class="col-lg-12">
                    <form method="post">
                        {% csrf_token %}
                        <div class="row">
                            <div class="form-group col-md-6 col-sm-12">
                                <label for="hostel">Hostel:</label>
                                <select class="form-control form-search-ch" id="hostel" name="hostel">
                                    {% for h in hostels %}
                                        <option value="{{ h.id }}">{{ h.hostel_name }}</option>
                                    {% endfor %}

                                </select>
                                {#                            <input type="text" class="form-control form-grp-lbl" id="hostel" name="hostel"#}
                                {#                                   required>#}
                            </div>
                            <div class="form-group col-md-6 col-sm-12">
<!--in this section checkbox is not showing-->
                                {% for value, text in form.amenities.field.choices %}
                                    <div class="ui slider checkbox">
                                        <input id="{{ forloop.counter0 }}" name="{{ form.feature }}"
                                               type="checkbox" value="{{ feature }}"{% if value in checked_feature %}
                                               checked="checked"{% endif %}>
                                        <label>{{ text }}</label>
                                    </div>
                                {% endfor %}
                            </div>
                            <div class="form-group col-md-12 mx-auto">
                                <input type="submit" class="form-control"
                                       name="register" value="Add"
                                       style="width:150px; height: 50px; font-size: 1.2rem; border-radius: 10px 10px;background: #E35452;  border: 1px solid rgba(0,0,0,0.5); color: #ffffff">
                            </div>
                        </div>
                    </form>
                </div>

Answer 1

you can easly use .tag and .choice_label

<div class="" style="">
                <p class="col-sm-8"><b>{{form.feature.label}} :</b></p>
            </div>
            <div>
                {% for checkbox in form.diet_goal%}
                <div class="" style="">
                    <span>
                            {{ checkbox.tag }}
                            <label class="" for="{{ checkbox.id_for_label }}">{{ checkbox.choice_label }}</label>
                    </span>

                </div>
                {% endfor %}
            </div>