Как убрать нижнее поле ввода?

Question

Я работаю над формой, в которой пользователь должен выбрать страну. Пользователь может выбрать свою страну, выполнив поиск в поле ввода или выбрав в раскрывающемся списке.

Все страны показаны в раскрывающемся списке, поэтому я удалил их для публикации минимизированного кода.

<div class="form-group">
    <label for="country">Country </label>
    <input list="country" name="country">
    <datalist class="form-control" id="country">
        <option value="Virgin Islands (Brit)">
        <option value="Virgin Islands (USA)">
        <option value="Wake Island">
        <option value="Wallis & Futana Is">
        <option value="Yemen">
        <option value="Zaire">
        <option value="Zambia">
        <option value="Zimbabwe">
    </datalist>
</div>

Скриншот текущего состояния здесь:

В форме не должно быть этого дополнительного поля ввода ниже метки страны. Поле недоступно.

Answer 1

Ваш код правильный.

This is using your code

Может быть, есть другой код, который вы не знаете. Вы можете проверить элемент вашего кода, нажав кнопку F12

Надеюсь, мой ответ поможет вам