Не все параметры отображаются в форме

Question

Я работаю над своим веб-сервисом (таблицей) и действительно могу редактировать, добавлять и удалять некоторые записи с помощью php.
Если я хочу добавить некоторые записи, я получил кнопку «добавить члена банка крови», и это показывает формулу.

Моя проблема
Если я открою формулу, не все опции будут показаны. Это означает, что я могу видеть пол, возраст, но я не вижу первые варианты формулы, такие как имя и так далее.

Что я сделал
Я подумал о проблеме CSS и увидел в файле, что неотображаемые формы получили следующий класс ввода:

<input class="uk-input">

Затем я изменил в CSS color и background-color из uk-input, но это не помогло.

Вот полная форма:

<h2 class="uk-modal-title">ADD Blood Bank Member</h2>

          <form method="post" action="" enctype="multipart/form-data">

         <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="First Name" name="first" required>
        </div>

         <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="Last Name" name="last" required>
        </div>

         <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="Phone Number" name="phone" required>
        </div>

        <div class="uk-margin">

            <input class="uk-input" type="text" placeholder="Age" name="age" required>
        </div>



            <div class="uk-margin">
            Gender<select class="uk-select" name="gender" required>
                <option selected>Male</option>
                <option>Female</option>
            </select>
        </div>

А вот изображение формулы:

Что не так с этой формулой?

Answer 1

Вы можете попытаться использовать JS, чтобы определить, введен ли пол и группа крови пусто или нет. Сначала укажите имя, фамилию и на дисплее телефона не будет ни одного, затем, если ввод пола и группы крови не пуст, тогда установите имя, фамилию и номер телефона на дисплее в виде встроенного блока.