Элементы формы появляются вне формы

Question

оказываю форму, как это:

<form action='/search' method='get' style='display: none'> 
    <input name='q' type='search' /> 
    <input type='submit' value='Search' /> 
</form> 

В источнике страницы эта часть появляется, как она есть, но как веб-инспектор и Firebug показывает в дереве DOM, как это:

<form action='/search' method='get' style='display: none'></form> 
<input name='q' type='search' /> 
<input type='submit' value='Search' /> 

Следовательно, входы видны несмотря на заявление display: none, и представление формы тоже не работает.

Почему это так, любые идеи? Тайна еще глубже: эта форма отображается на двух страницах сайта, а на другой странице она выглядит так же, как ожидалось.

Answer 1

Форма не должна быть видимой с установленным на дисплее значением. И он даже работает на одной из ваших страниц, чтобы вы были уверены в коде. Вам нужно проверить код на другой странице. Я думаю, вы вставили код рабочей формы :)

Answer 2

Создать div и применить отображение: none к нему. вместо формы применение дисплея нет для формирования элемента