Элемент внутри формы, не относящийся к форме

[alterpub]

Добрый день.

Помогите, пожалуйста, выйти из ситуации.

Дано и работает:

<form ...>
...
<input type="button" name="submit">
</form>
<input type="button" name="add rule">

"add rule" добавляет через jquery элементы в <form>...</form>.

Хочется:

По логике "add rule" должны быть выше чем "submit", при этом её не надо отправлять в форме, как её отрисовать над "submit" по при этом не запихивать в форму ?

Edited May 3, 2012 by alterpub

[wildhind]

Лучше б, конечно, с эскизом, что должно получиться в итоге.

Есть варианты: задвинуть куда ни попадя отрицательным маргином, спозиционировать абсолютно, использовать для добавления правил не кнопку, а например псевдоссылку.

[Modestes]

Попробуй альтернативный тег <button>

если я правильно понял

все таки не правильно понял)

во всяком случае можно опять же использовать тег <button> и уже его позиционировать, с наглядным примером былоб конечно проще

Edited May 3, 2012 by Modestes

[alterpub]

ок,

сейчас

хочу

[wildhind]

add rule, del rule — путь будут такие же <button>, как и остальные, просто без атрибута name. Зато с id. Чтобы по нажатию на них форма не отправлялась, следует пользовать preventDefault()

[alterpub]

add rule, del rule — путь будут такие же <button>, как и остальные, просто без атрибута name. Зато с id. Чтобы по нажатию на них форма не отправлялась, следует пользовать preventDefault()

Огромное спасибо, дорогая.

Все работает

[SelenIT]

Чтобы по нажатию на них форма не отправлялась, следует пользовать preventDefault()

или просто атрибут type="button"

А что, обычные <input type="button"> отправляются? Где? И давно?

[wildhind]

просто <button> отправляет

[SelenIT]

Просто <button> эквивалентен <button type="submit"> (только в IE7- было иначе). А type="button" (что для input, что для button) для того и нужен, чтоб кнопка была нажимабельной, но никаких действий с формой не производила. И в отправляемые из формы данные такие кнопки, по идее, попадать не должны (наскоро проверил в актуальном FF и трех режимах IE9 — не отправляет...).