замена input на a

[ShumNo]

Ребят, подскажите, пожалуйста

Форма с кнопкой

<form id="id-form" method="get" accept-charset="UTF-8" action="/url">
<input type="submit" value="кнопка" id="id-knopki">

Каким образом сформировать ссылку, чтобы при клике выполнялось аналогично нажатию по кнопке?

<a href="#" onclick=" ? ">кнопка</a>

[freeneutron]

Используй form.submit() Пример

[SelenIT]

А зачем именно ссылку? Почему не <span role="button" onclick="ссылкаНаФорму.submit()">? Не нужен лишний return false, не будет лишнего скачка при отключенном JS, IE6, где не работал span:hover, уже неактуален...

А еще можно так. Тогда и при отключенном JS всё будет ОК

[ShumNo]

Спасибо

Хотел ссылкой так как проще в поведении не нужно убирать отступы в разных браузерах, можно обвести текст ссылки, а еще нет вот такой штуки

Если нажать на кнопку и не отпускать мышку то увидим обводку, она разная в разных браузерах и в опере выглядит например как черный прямоугольник

Как бы ее убрать?

SelenIT, Гугл как известно рулит и ваше же решение которое вы писали http://forum.htmlbook.ru/index.php?showtopic=22618&view=findpost&p=166613

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
/* не забыть поменять цвет/картинку, в общем, как-то дать понять юзеру, что кнопка активна */
}

Работает

[alexandr_v-vich]

Как бы ее убрать?

outline: none;

[ShumNo]

Как бы ее убрать?

outline: none;

Это только для тега а для инпута это не работает

Оперу побороть не могу там черный бордер ужасный

Странное поведение в апере

если поставить бордер 1 пиксель любого цвета, то при нажатии опера его автоматом заменит на черный цвет, а если бордер выставить 0 то бордера не будет... замкнутый круг

[alexandr_v-vich]

ShumNo, ааа… что-то я подтупливаю немного. Т.е. сейчас ты объясняешь, почему использовал ссылку вместо кнопки. И, вот, один из аргументов это этот border, так да?)))

И т.е. сейчас проблема border`a у кнопки в Опере, да?

И линия не пунктирная? И появляется только при нажатии? И нужно чтобы border стоял, но при нажатии не менялся на свой чёрный цвет, так? И это не канает

button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
/* не забыть поменять цвет/картинку, в общем, как-то дать понять юзеру, что кнопка активна */
}

?

Наверное, может, это

button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
/* указать нужный цвет border`a */
}

?

))

[ShumNo]

ShumNo, ааа… что-то я подтупливаю немного. Т.е. сейчас ты объясняешь, почему использовал ссылку вместо кнопки. И, вот, один из аргументов это этот border, так да?)))

И т.е. сейчас проблема border`a у кнопки в Опере, да?

И линия не пунктирная? И появляется только при нажатии? И нужно чтобы border стоял, но при нажатии не менялся на свой чёрный цвет, так? И это не канает

button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
/* не забыть поменять цвет/картинку, в общем, как-то дать понять юзеру, что кнопка активна */
}

?

Наверное, может, это

button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
/* указать нужный цвет border`a */
}

?

))

Не, не так input, как кнопку, я использую в одном случае, а заменить инпут на тег а хотел в другом случае, поэтому я рассматриваю оба варианта и один из них это черный бордер в опере при нажатии на кнопку

увы ничего не помогает

[alexandr_v-vich]

ShumNo, Эмм… ну да, даже с утра обновил Оперу, а всё равно. Ну я ответа не знаю. И что эта за рамка и как она работает для меня так и осталось секретом…

[ShumNo]

На этом форуме много разных гуру по верстке таких как SelenIT,psywalker может они чего подскажут

[web-monster]

alexandr_v-vich, может это поможет? ссылка

[ShumNo]

alexandr_v-vich, может это поможет? ссылка

Там описывается, что подобное имеет место быть и что это баг оперы или фича. Ну чтож коли фича придется пользователям оперы видеть сайт не так как я задумывал.

Как решение там предложили обернуть кнопку дивом с бордером и убрать бордер с кнопки

[SelenIT]

Еще вариант — обернуть обычный <input type="submit"> в <label>, <label> застилизовать как надо, а сам <input> скрыть. Плюс <label> в том, что она по дефолту инлайновая (как и ссылка), минус — пунктирная рамка на ней тоже появляется (хотя outline: 0 должен помочь).