Проблема HTML-форм - добавляет строку после ее окончания

Question

<td>
    <form name="search_form" action="" method="POST">
    <input type="text" name="search_text">          
    <input type="submit" name="search_bt" value="Go">
    </form>
</td>

теперь, когда мы используем этот код, он добавляет дополнительную строку после его завершения ... см. Изображение ниже см. Область в красной рамке ... там ничего нет ... ничего, кроме этого пространства, без всякой причины добавляется FORM

НО ... НО .. если я использую код, подобный этому

<form name="search_form" action="" method="POST">
<td>

    <input type="text" name="search_text">          
    <input type="submit" name="search_bt" value="Go">

</td>
</form>

все хорошо ... пространство исчезает ..

ПОЧЕМУ СИРА !!!! WHYYYYYYYYYYYYYYYYYY

Answer 1

- это то, как большинство браузеров обрабатывают элемент формы.

использует заполнение / интервал css, чтобы сказать ему, что не следует добавлять дополнительное пространство для элементов формы.

Answer 2

На этой странице есть хорошая запись о том, что происходит.

http://www.cs.tut.fi/~jkorpela/forms/extraspace.html

Браузеры обычно оставляют после формы некоторое пустое место, примерно соответствующее одной пустой строке.,Обсуждаемая здесь проблема часто классифицируется как «дополнительное вертикальное пространство после кнопки отправки», но это не правильный диагноз.Скорее, речь идет о интервале ниже всей формы, но особенно часто это наблюдается, когда форма содержит только кнопку ввода (часто внутри ячейки таблицы.

Answer 3

в вашем файле CSS просто добавьте

form {
  margin: 0;
  padding: 0; 
}

и все будет хорошо.

Answer 4

Как ни странно, к элементам формы привязаны стили CSS.Поля, отступы и т. Д. Вот почему.