Добавление скрытых типов ввода изменяет мой css

#python #html

#python #HTML

Вопрос:

Мой код выглядит следующим образом:

 <form name="deleteUser" action="/groupmanager" method="post"><div id="x">  {% csrf_token %} 
<input type="hidden" name="username" value = "{{name}}"></input>
<input type="hidden" name="groupName" value = "{{group}}"></input>
<input type="submit" name="xButton" id="xButton" value="x"></div></form>
  

И код работает именно так, как я хочу, но теперь, когда я его добавил, макет страницы изменился. Теперь кнопка переместилась на новую строку вместо того, чтобы находиться на той же строке, что и вещи перед ней в коде.

Раньше мой код выглядел так:

 <div id="x"><input type="submit" name="xButton" id="xButton" value="x"></div>
  

Ответ №1:

Я полагаю, что изменение касается только IE? Попробуйте добавить position:relative; float:left в css скрытые входные данные.

Комментарии:

1. Попробуйте выполнить отладку, добавив следующий css ко всем новым добавленным вами тегам: display: none; width: 0px; height: 0px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; . Попробуйте определить, какой тег имеет значение — может быть, это сама форма?

2. Фигурные скобки (например, ‘{‘ и ‘}’) являются разделителями блоков для CSS. Необходимо ли использовать эти символы в значениях вашей формы?

3. Да, мне нужны фигурные скобки, потому что я также работаю в django.