В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 23-06-2024! ×
Меню :
submit (4)
js post (3)
form (11)
php (341)



Blog (1436)
php (341)
js (246)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
ruweb.net (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
foto (22)
atom (20)
php file (20)
database (19)
forum (19)
input (18)
svg (18)
info (17)
php date (17)
mysql (17)
hosting (17)
html book (16)
board (16)
php time (15)
color (15)
js events (14)
js time (14)
js url (14)
img (14)
select (13)
htaccess (13)
osclass (13)
notepad (13)
lingvo (13)
знак (13)
download (12)
php img (12)
keyboard (12)
table (12)
php path (12)
dw block (12)
icon (11)
jsphp (11)
form (11)
yandex (10)
mouse (10)
keyframes (10)
js delete (10)
vs code (9)
ftp (9)
chart (9)
dosite (9)
hover (9)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
list (6)
click (6)
adminka (6)
canvas (6)
php get (6)
tag a (5)
heading (5)
value (5)
js id (5)
mb (5)
reg.ru (5)
year (5)
js math (5)
day (4)
numbers (4)
php var (4)
base64 (4)
week (4)
games (4)
js hash (4)
scandir (4)
xml (4)
ssl (4)
symbols (4)
console (4)
month (4)
js form (4)
task (4)
pages (4)
vk (4)
нок (4)
submit (4)
bbcode (4)
js img (3)
money (3)
jquery post (3)
line (3)
js post (3)
https (3)
domen (3)
ucoz (3)
padding (3)
куб (3)
captcha (3)
js vars (2)
video (2)
youtube (2)
seo (2)
sitemap (2)
tag hr (2)
рся (2)
qr code (2)
arrows (2)
google (2)
typeof (2)
height (2)
prompt (2)
details (2)
counter (2)
rutube (1)
нод (1)
archive (1)
cursor (1)
windows (1)
speed (1)
scroll (1)
smile (1)
jino (1)

Кнопка submit за пределами формы

"Submit вне формы". Как вы знаете, что если кнопка submit за пределами формы, то post php не будет отправлен. Как решить эту задачку?

Подробно о кнопке submit за пределами формы.

  1. Кнопка submit за пределами тега formform
  2. Кнопка submit за пределами тега formfor
  3. Кнопка submit за пределами тега formjavascript
Обращаю ваше внимание!

Данные способы работы кнопки submit за пределами тега form можно использовать и с другими типами(type) input!


  1. Кнопка за пределами тега form(form)

    Итак... давайте вначале создадим форму, в которой "кнопка submit не работает..."

    <form method="post">
    <input name="text" type="text" value="">
    </form>
    ===========================
    <button type="submit">button</button>

    Как может кнопка submit не работать?

    Далее... попробуйте нажать на кнопку "Кнопка button за переделами form"

    ===========================

    Кнопка submit не работает за пределами формы?

    На приведенном примере Вы увидели... страница не перезагружается, что собственно и означает, что post не был отправлен? а это означает, что: submit не работает за пределами формы!

    Давайте исправим... это через атрибут form! Для этого нам понадобится внести некоторые изменения в нашу форму!

    В тег form добавим id

    <form method="post" id="idform">

    И в кнопку добавим атрибут form

    <button type="submit" form="idform">Кнопка button за переделами form</button>

    Теперь весь код с кнопкой за пределами формы:

    <form method="post" id="idform">
    <input name="text" type="text" value="">
    </form>
    ===========================
    <button type="submit" form="idform">Кнопка button за переделами form</button>

    Живой пример кнопки за пределами form

    Вам осталось протестировать нашу форму с кнопкой за пределами тега form:

    ===========================


  2. Кнопка за пределами тега form(for)

    Один из вариантов, когда использовать вместо кнопки тег label(хоть какая-то польза...)

    Итак... давайте сразу перейдем к форме...

    В в тег с "type submit" добавляем id.

    И отдельно от формы тег label с атрибутом "for"!

    <form method="post" action="#first_example2">

    <input value="name" name="name">

    <input type="submit" value="submit" id="s" style="opacity:0;">

    </form>

    =======================================

    <label for="s">Submit</label>

    Кнопка(label) за передали формы:

    Давайте протестируем кнопку, в данном случае тег label за пределами формы, который и сыграет роль кнопки для отправки формы:

    =======================================


  3. Кнопка за пределами тега form(javascript)

    Ну и как не сказать о "кнопке submit пределами form с javascript"...

    Создадим форму:

    <form id="form-id" method="post" action="#first_example3">
    <input value="name" name="name">
    </form>

    Далее... создаем кнопку за пределами формы - в нашем пункте роль кнопки будет выполнять ссылка:

    <a onclick="document.getElementById('form-id').submit();"> Кнопка button за переделами form </a>

    Результат размещения кнопки за пределами формы:

    Ну и далее разместим код с кнопкой за пределами form прямо здесь:

    ///////////////////////////////////////////////////////

    submit
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
Submit вне формы кнопка submit за пределами формы
На сайте сейчас :
Ещё : Игра "пятнашки"
Угадай страну по флагу
dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.019869 секунд. Подробнее