Кто-нибудь может объяснить, почему поля моей формы отображаются, когда они не выбраны?

Изображение полей формы, исчезающих при отсутствии выбора

Привет всем,

Мне трудно понять, почему мои поля исчезают, когда они не выбраны. Я создаю эту форму с помощью Crispy Forms (по учебнику Youtube). Эта функция работала ранее - однако я не уверен, почему она внезапно перестала работать. У меня есть несколько других форм в этом приложении, и они сталкиваются с той же проблемой.

Вот соответствующий код, который используется для генерации формы

class BookAppointmentForm(forms.ModelForm):
class Meta:
    model = BooksAppt
    fields = '__all__'
    labels = {
        'hp_username': 'Doctor',
        'appt_date': 'Appointment Date',
        'p_username': 'Patients'
    }
    widgets = {
        'appt_date': forms.TextInput(attrs={'type': 'date'})
    }

def __init__(self, p_username=None, *args, **kwargs):
    super(BookAppointmentForm, self).__init__(*args, **kwargs)
    if p_username:
        self.fields['p_username'].queryset = Patient.objects.filter(
            p_username=p_username).values_list('p_username', flat=True)

Релевантный HTML используется для отображения формы

<div class="container" style="background-color:#E6E6FA">
    <div class="col-md-10 offset-md-1 mt-5">
        <div class="card-body">
            <h1 class="display-5 "> Booking an Appointment for {{ user }}</h1>
            <p class="lead">Please Fill in the Following Form to Register an Appointment</p>
            <hr class="my-4">
            <form class="register" action="" method="post" autocomplete="off">

                {% csrf_token %}
                {{ form.errors }}
                {{ form.non_field_errors }}
                {{ form.p_username|as_crispy_field}}
                {{ form.hp_username|as_crispy_field }}
                {{ form.appt_date|as_crispy_field }}
                <button type="submit" class="btn btn-success">Submit</button>
            </form>
            <br>
        </div>
    </div>

Мне кажется, что проблема связана с тем, что шаблон bootstrap, который я использую, не очень хорошо работает с crispy forms. Мне не нужен полный ответ - просто что-то, что подтолкнет меня в правильном направлении. Пожалуйста, дайте мне знать, если есть какая-либо другая важная информация, необходимая для отладки.

Спасибо, Швинстер

Проблема была замечена в результате работы шаблона bootstrap. Он устанавливал белый цвет текста, когда тот не был в фокусе. Мне удалось выяснить это с помощью элемента inspect и попыток увидеть, какие стилистические свойства задаются элементу формы.

Вернуться на верх