Стиль Джанго MultiSelectField - PullRequest
Новая
       31

Стиль Джанго MultiSelectField

2 голосов
/ 21 мая 2019

Я хочу создать файл множественного выбора, чтобы каждый выбор, связанный с каждым выбором, отображался под изображением.
Я использовал django MultiSelectField для создания формы с несколькими вариантами выбора. Это мои файлы:

models.py 

class Profile(models.Model):
    cat_choices = (
        ('Internships', 'Internships'),
        ('Scholarships', 'Scholarships'),
        ('EntranceExams', 'EntranceExams'),
    )
    category=MultiSelectField(choices=cat_choices,default='none')

profile.html 

<!DOCTYPE html>
<html>
<body>
<style>
div.item {
    vertical-align: top;
    display: inline-block;
    margin-right: 50px;
    text-align: center;
    width: 120px;
}
img {
    background-color: grey;
}
.caption {
    display: block;
}

</style>
<div class="item">
    <img src="internship.png">
    <span class="caption"><input type="checkbox" name="Internship" value="Internship"></span>
</div>
<div class="item">
    <img src="jobs.png">
    <span class="caption"><input type="checkbox" name="Jobs" value="Jobs"></span>
</div>
<div class="item">
    <img src="scholarship.png">
    <span class="caption"><input type="checkbox" name="Scholarship" value="Scholarship"></span>
</body>
</html>

Я создал форму с именем profile_form с полем категории. В html я хотел, чтобы моя форма отображалась с изображением вверху и просто кнопкой проверки под изображением, причем кнопка проверки ссылалась на каждый cat_choices в категории. Нечто подобное это ! В изображении я использовал HTML для его отображения. Pattern

Как мне написать эту HTML-страницу в django так, чтобы каждая кнопка проверки, относящаяся к каждому варианту, появлялась под изображением?

...