Ви можете використовувати подію JavaScript onclick.
- <form id="form1">
- <input type="text" name="firstname" />
- </form>
- <button id="submit-button">Submit</button>
- <script type="text/javascript">
- document.getElementById("submit-button").onclick = function() {
- document.getElementById("form1").submit();
- }
Як подати форму без перезавантаження сторінки за допомогою PHP
- Обробляйте подію «надсилання» форми за допомогою фрагмента коду Javascript. …
- У обробнику подій зберіть дані форми та опублікуйте дані форми в сценарій PHP на стороні сервера.
- зібрати відповідь із сценарію PHP.
Для цього нам потрібно запускати функцію submit() за допомогою елемента HTML. Використовуючи метод getElementById(), ми націлили необхідну форму для надсилання. Як тільки HTML натискається, виконується submit(), і дані зберігаються в базі даних. У наведеному вище прикладі ми використали тег <h5> для запуску функції надсилання.
Щоб надіслати дані з веб-сторінки на сервер без оновлення сторінки, ви можете використовувати такі методи, як AJAX (асинхронний JavaScript і XML) або більш сучасний Fetch API. Ці методи дозволяють вам спілкуватися із сервером у фоновому режимі та динамічно оновлювати вміст сторінки, не вимагаючи повного перезавантаження сторінки.
Серверна мова, наприклад PHP, не потрібна спеціально для надсилання форми. Ви можете налаштувати дію форми на mailto:[email protected], наприклад, яка відкриватиме нову дію електронної пошти для користувача на робочому столі чи веб-клієнті електронної пошти.