На странице, которую вы ищете, использовалась введенная вами информация. как исправить ошибку?

Подскажите пожалуйста, кто знает:

*Такой косяк только в Chrome, а в Safari поле формы почему-то неправильного размера

Когда обновляю страницу браузер выдает диалоговое окно: "На странице, которую вы ищете, использовалась введенная вами информация. При возврате на эту страницу может потребоваться повторить выполненные ранее действия. Продолжить?" Хотя в форме ничего не вводилось (форма пока одна). На что обратить внимание-от куда это могло появиться?

<div class="site_content">

<div class="sidebar_container">

<div class="sidebar">

<h2>Поиск</h2>
<form method="post" action="#" id="search_form" >
<input type="search" name="search_field" placeholder="ваш запрос" />
<input type="submit" class="btn" value ="найти" />
</form>


</div>

</div>

</div>

html

css

3 ответов

Здравствуйте, Руся

Спасибо за ваш вопрос!

Просто измените здесь метод post

<form method="post" action="#" id="search_form" >

на метод get

<form method="get" action="#" id="search_form" >

и ошибки при возврате на страницу не будет.

В данной форме для поиска можно использовать метод get, про существующие методы в формах подробно вы узнаете в уроках курса PHP/MySQL.

Разное отображение в браузерах - это частая проблема при использовании классического html/css. Для ее решения существуют различные дополнительные инструменты, например normalize.css

По этой причине часто используют фреймворки. Одним из таких фреймворков является Bootstrap. В нем уже решены многие проблемы отображения в различных браузерах.

Спасибо!

И по этой же форме вопрос появился почему в Safari и в chrome отображается по-разному (в Safari неправильно)

.sidebar_container {
  float: right;
  width: 224px;
}

.sidebar {
  float: right;
  width: 222px;
  padding: 5%;
  margin: 0 0 16px 0;
  border: solid 1px #f2f2f2;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.search_field {
  cursor: text;
  height: 30px;
}

.btn {
  padding: 8px;
  background-color: white;
  cursor: pointer;
  height: 31px;
}