Form-Hub.dev Сервис для сохранения данных из web форм.

• Получите ключ сохранения и ключ для чтения.
• Добавьте форму на ваш сайт.
• Получайте результаты форм с помощью вашего ключа для чтения.

Простая формы для отправки данных

    
    <form action="https://formhub.dev/io/YOUR-FORM-KEY" method="POST">
    <input type="email" name="email" value="example@email.com">
    <input type="text" name="name" value="John Doe">

    // редирект на вашу собственную страницу после обработки формы
    <input type="hidden" name="redirect-to" value="http://your-server">

    <button type="submit">Send</button>
    </form>
    
    

Отправка формы с помощью fetch JS

    
    <!-- разместите форму на странице -->
    <form id="dynamic-form" action="https://formhub.dev/io/YOUR-FORM-KEY" method="POST">
    <input type="email" name="email" value="example@email.com" required>
    <input type="text" name="name" value="John Doe" required>

    // Установите редирект в значение no-redirect.
    // Сервер ответит OK или ERROR
    <input type="hidden" name="redirect-to" value="no-redirect">

    <button type="submit-button" type="button">Send</button>
    </form>
    
    

    
    <script>
    // Добавьте обработчик кнопки Send

        document.getElementById('submit-button').addEventListener('click', async function(event) {
            event.preventDefault();
            const formAction = this.action;
            const formData = new FormData(this);

            try {
                // Отправляем POST запрос с помощью fetch
                const response = await fetch(formAction, {
                    method: 'POST',
                    body: formData
                });

                // Проверяем успешность ответа
                if (response.ok) {
                    const result = await response.text();
                    if (result === 'OK') {
                        console.log('Ок');
                    }
                    else if (result === 'ERROR') {
                        console.log('Error');
                    }
                    else {
                        console.log('Неизвестный ответ сервера: ' + result);
                    }
                } else {
                    console.error('Ошибка при отправке:', response.status, response.statusText);
                }
            } catch (error) {
                console.error('Сетевая ошибка:', error);
            }
        });
    </script>

    
    

Допустимые типы полей формы

    
    <input type="date" name="birthdate">
    <input type="text" name="username">
    <input type="time" name="meeting-time">
    <input type="color" name="color">
    <input type="email" name="email">
    <input type="radio" name="gender" value="male"> Male
    <input type="radio" name="gender" value="female"> Female
    <input type="hidden" name="hidden-field">
    <input type="number" name="quantity" min="1" max="10">
    <input type="checkbox" name="newsletter" value="subscribe">
    <input type="password" name="password">
    
    

Важно! Файлы не обрабатываются! Форма в такой кодировке будет проигнорирована!

    
    <form action="https://formhub.dev/io/YOUR-FORM-KEY" method="POST" enctype="multipart/form-data">
    

Send