Jak Przesłać Dane Formularza Form

Spisu treści:

Jak Przesłać Dane Formularza Form
Jak Przesłać Dane Formularza Form

Wideo: Jak Przesłać Dane Formularza Form

Wideo: Jak Przesłać Dane Formularza Form
Wideo: Jak wysłać dane z formularza w Webflow do tabeli w Google Sheets - Integromat | #07 Forms 2024, Listopad
Anonim

Przesłanie danych z formularza wypełnionego przez odwiedzającego na stronę internetową jest jednym z najczęściej rozwiązywanych zadań interaktywnej interakcji między internautą a programami serwera tego zasobu. Organizacja tej operacji w kodzie źródłowym strony hipertekstowej jest znacznie łatwiejsza niż tworzenie skryptów do przetwarzania przesyłanych danych. Można go zaimplementować zarówno za pomocą języka HTML, jak i skryptów JavaScript.

Jak przesłać dane formularza form
Jak przesłać dane formularza form

Instrukcje

Krok 1

Jeśli przetwarzanie danych nie odbywa się w tym samym pliku, który generuje stronę z formularzem, należy podać adres skryptu obsługi w atrybucie action. Określ jedną z dwóch możliwych metod przesyłania zmiennych formularza - Pobierz lub Wyślij. Wybór zależy od tego, które z nich zostaną użyte do odczytania zmiennych przez skrypt. W zasadzie to wystarczy do rozwiązania problemu, nie trzeba umieszczać w formularzu specjalnego elementu inicjującego wysyłanie informacji, gdyż wciśnięcie klawisza Enter domyślnie jest równoznaczne z kliknięciem w przycisk wysyłania danych. Jednak nie każdy użytkownik zgadnie o tym, dlatego lepiej jest umieścić odpowiedni przycisk w formularzu.

Krok 2

Użyj przycisku, który jest renderowany przez tag input z wartością przesyłania w atrybucie type. Kliknięcie w taki przycisk to "klasyczny", najczęściej stosowany sposób organizowania przesyłania danych z formularza na stronie internetowej. Oprócz atrybutu type pożądane jest określenie wartości atrybutu name, aw wartości można umieścić tekst etykiety na przycisku. Na przykład:

Krok 3

Możesz użyć JavaScript do wysyłania danych. Może to być przydatne w przypadkach, gdy musisz zorganizować automatyczną wysyłkę na dowolne zdarzenie - na przykład po wybraniu przez użytkownika żądanej wartości z listy rozwijanej lub gdy przed wysłaniem informacji musi być ona sprawdzona przez walidator JavaScript. Aby zaimplementować ten sposób przesyłania danych należy skorzystać z metody submit obiektu formularza. Na przykład, jeśli wartość UniForm jest zapisana do atrybutu name formularza, to aby zasymulować kliknięcie przycisku Wyślij w kodzie JavaScript, po wszystkich niezbędnych akcjach z wartościami wprowadzonymi przez użytkownika należy umieścić następujące linia: document. UniForm.submit ();

Zalecana: