Скрыть элемент HTML, чтобы он не занимал место

Question

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

    <section>
    <label for="muni">Municipality</label>
    <div>
    <input id="county_select" type="text" />
    <input id="county_no" type="text" value="" disabled="disabled" style="visibility:hidden" />
    </div>
    </section>

В настоящее время этот второй идентификатор ввода занимает место в моей форме, и я не хочу, чтобы он занимал место. Спасибо.

Answer 1

Используйте display: none;, как показано:

<input id="county_no" type="text" value="" disabled="disabled" style="display: none;" />

Справка:

• Свойство CSS display .

Answer 2

Используйте style="display:none;" вместо visibility:hidden

visibility:hidden Лист пробел.

Answer 3

display:none in stead of visibility:hidden

Answer 4

Вы можете стилизовать ввод с помощью CSS, нацелив его на тег id.

В вашем .css файле:

<code>#county_no { дисплей: нет; }

Следует избегать стилизации встроенного HTML-кода.