Для відправки форми в html існує кнопка submit, після натискання якої всі дані, призначені для відправлення, надсилаються в обробник форми. У коді сторінки, а конкретніше у формі, звичайна кнопка складається з подібною рядки:
…
…
Іноді потрібно зробити відправку форми за допомогою посилання, виключаючи з форми описану вище кнопку. Причиною тому може бути реалізація будь-якої стилізації кнопки, та й не тільки в загальному треба. Робиться це досить просто, за допомогою javascript.
Форма:
…
…
Посилання:
Відправити
Отже, дивимося що зробили. Формі поставили id=”form1″, таким чином, ми звертаємося до формі через id, з допомогою document.getElementById() (метод об’єкту document), відправляючи форму методом submit().
З недоліків даного способу відправки форми слід зазначити наступне:
1. Якщо відключена підтримка javascript в браузері, то відповідно код не спрацює – форма не подається.
2. Javascript — далеко не найшвидший мову, і getElementById — не виняток. Хоча ця функція і є найефективнішою для пошуку елемента, вона включає дорогі звернення до DOM, об’єктної моделі документа.
З плюсів, звичайно, гнучкість в плані стилізації форми.
Додав: htmaker, 12.07.2013 р.
(2 голосів, середній: 5,00 з 5)
Завантаження…
Діліться з друзями:
См. також:
Мета тег robots, приклади використання
Рубрика: Html, CSS, Javascript, SEO
Stimed – задаємо CSS-стилі по часу
Рубрика: Html, CSS, Javascript
Небезпека використання атрибуту target=”_blank”
Рубрика: Html, CSS, Javascript, Інф. безпека
Нескінченна анімація обертання на CSS
Рубрика: Html, CSS, Javascript
Анімація обертання при наведенні курсору
Рубрика: Html, CSS, Javascript
Стилізація виділення номера телефону до мобільних браузерах
Рубрика: Html, CSS, Javascript
Список вибору на JQuery
Рубрика: Html, CSS, Javascript
Фіксований заголовок таблиці HTML
Рубрика: Html, CSS, Javascript
Ефекти кнопок для сайту
Рубрика: Html, CSS, Javascript