Пользователь
246 сообщений
Мужчина
|
я вот так сделал
Code <form method="post" action="/board/">
<input type="submit" value="Натисніть" />
<input type="search" autocomplete="off" name="query" placeholder="Пошук вакансій. Введіть посаду..." />
<input type="hidden" name="a" value="2">
</form>
но меня перекидывает не на страницу поиска которую я уже настроил и так и тем выше кодом все равно на ту же страницу.
Видно что только считало код
Code <div id="wrap"> <div id="content">$BODY$</div> </div>
Но а header и т.д. нет, ну и еще background, в чем может быть дело, это и в выше приведенном коде и так как я в итоге сделал, тоже самое
|
|
|
|
|
|
Пользователь
246 сообщений
Мужчина
|
И еще некий недостаток
вот стиль формы:
Code
form input[type=search],
form input[type=submit] {
height: 30px;
padding: 0 15px 0 15px;
font-family: inherit;
font-size: inherit;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display: inline-block;
vertical-align: top;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;}
form input[type=search] {
width: 350px;
margin: 0 0 0 -90px;
background-image: linear-gradient(bottom, rgb(255,255,255) 8%, rgb(246,246,246) 44%, rgb(235,235,235) 80%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 8%, rgb(246,246,246) 44%, rgb(235,235,235) 80%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 8%, rgb(246,246,246) 44%, rgb(235,235,235) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 8%, rgb(246,246,246) 44%, rgb(235,235,235) 80%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 8%, rgb(246,246,246) 44%, rgb(235,235,235) 80%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.08, rgb(255,255,255)), color-stop(0.44, rgb(246,246,246)), color-stop(0.8, rgb(235,235,235)));
border: 1px solid #b8cddf;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
form input[type=search]:focus {
width: 400px;
margin-left: -4px;
border-left: none;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
outline: none;}
form input[type=submit] {
width: 60px;
font-weight: bold;
color: #ffffff;
text-align: center;
background-image: linear-gradient(bottom, rgb(255,111,1) 12%, rgb(255,124,17) 56%, rgb(255,142,36) 78%);
background-image: -o-linear-gradient(bottom, rgb(255,111,1) 12%, rgb(255,124,17) 56%, rgb(255,142,36) 78%);
background-image: -moz-linear-gradient(bottom, rgb(255,111,1) 12%, rgb(255,124,17) 56%, rgb(255,142,36) 78%);
background-image: -webkit-linear-gradient(bottom, rgb(255,111,1) 12%, rgb(255,124,17) 56%, rgb(255,142,36) 78%);
background-image: -ms-linear-gradient(bottom, rgb(255,111,1) 12%, rgb(255,124,17) 56%, rgb(255,142,36) 78%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, rgb(255,111,1)), color-stop(0.56, rgb(255,124,17)), color-stop(0.78, rgb(255,142,36)));
border: 1px solid #cb803f;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-box-shadow: inset 1px 1px #ffb066, inset -1px -1px #ffb066;
-webkit-box-shadow: inset 1px 1px #ffb066, inset -1px -1px #ffb066;
box-shadow: inset 1px 1px #ffb066, inset -1px -1px #ffb066;
cursor: pointer;}
form input:-moz-placeholder {
color: #a9a9a9;}
form input::-webkit-input-placeholder {
color: #a9a9a9;}
form input[type=search]::-webkit-search-decoration,
form input[type=search]::-webkit-search-cancel-button,
forminput[type=search]::-webkit-search-results-button,
form input[type=search]::-webkit-search-results-decoration {
display: none;}
а вот html:
Code
<form method="post" action="/board/">
<input type="submit" value="Натисніть" />
<input type="search" autocomplete="off" name="query" placeholder="Пошук вакансій. Введіть посаду..." />
<input type="hidden" name="a" value="2">
</form>
И при нажатии ENter пляшет но почему то на кнопку нажать сложно, сразу обратно прячется и что то я в стиле не заметил функцию отвечающею за это !????
|
|
|
|
|
|
хватило бы просто спасибо