Formularze JavaScript | Wyjaśnione

JavaScript obsługuje na przykład szeroki zakres funkcji, możemy tworzyć aplikacje internetowe i mobilne za pomocą JavaScript, JavaScript pomaga nam w tworzeniu efektów specjalnych itp. Inną przydatną cechą JavaScript jest to, że pomaga nam ulepszyć formy HTML. Możemy utworzyć formularze za pomocą znacznika, jednak JavaScript może być używany do przetwarzania formularzy, sprawdzania poprawności formularzy itp.

JavaScript pozwala nam przetwarzać formularze bez wywoływania/wywoływania serwera. Ponadto JavaScript oferuje wiele właściwości i metod używanych do pracy z formami. Na przykład możemy użyć metody getElementById () do odczytania różnych elementów HTML, korzystając z właściwości InnerHTML, możemy ustawić zawartość formularza i tak dalej.

W tym artykule zrozumiemy podstawy formularzy JavaScript i aby to zrobić, omówimy poniżej wyniki uczenia się:

• Jakie są formy w JavaScript?
• Jak utworzyć formularz za pomocą JavaScript?

Więc zacznijmy!

Jakie są formy w JavaScript?

Forma to pojemnik/uchwyt, który może pomieścić kilka elementów. W JavaScript koncepcja formularzy służy do gromadzenia danych wejściowych użytkownika za pomocą różnych elementów, takich jak pola wejściowe, przyciski, etykiety, pól, pola tekstowe i tak dalej. JavaScript może być używany do interakcji z formami, weryfikacji form, przetwarzania formularzy itp.

Jak utworzyć formularz za pomocą JavaScript?

Rozważmy poniżej podany przykład, aby zrozumieć, jak utworzyć formularz za pomocą JavaScript:

Html

Nazwa:



Wiek:

Powyższy program obsługuje następujące funkcje:

• Po pierwsze, wykorzystaliśmy

  znacznik, aby zdefiniować akapit i przypisać mu identyfikator „szczegółowe”.

• Następnie utworzyliśmy formularz za pomocą znacznika, a w obrębie znacznika formularza utworzyliśmy dwa pola wejściowe i przycisk.

JavaScript

funkcja showDetails ()

var empdetails = dokument.getElementById („szczegóły”);
var empname = dokument.getElementById („Nazwa”);
var empage = dokument.getElementById („wiek”);
Empdetails.innerhtml = "name:" + empname.wartość + "
„ +” Wiek: „ + empage.wartość;

• W pliku JavaScript i.mi. formularz.JS, zastosowaliśmy metodę getElementById () do odczytu elementów HTML.
• Następnie wykorzystaliśmy właściwość InnerHTML, aby ustawić nazwę i wiek na

  element.

• Po pomyślnym wykonywaniu programu początkowo otrzymamy poniżej wyniki:

Teraz wprowadzimy niektóre dane w polach wejściowych, a następnie klikniemy przycisk „Pokaż szczegóły”. Po kliknięciu przycisku otrzymamy następujące dane wyjściowe:

W ten sposób możesz zacząć od formularzy JavaScript.

Wniosek

W JavaScript formularze służą do zbierania danych wejściowych użytkownika za pomocą różnych elementów, takich jak pola wejściowe, pola wyboru, przyciski, pola tekstowe i tak dalej. JavaScript umożliwia przetwarzanie formularzy bez wywoływania serwera. JavaScript zapewnia kilka właściwości i metod pracy z formularzami takimi jak metoda getElementById () do odczytania różnych elementów HTML, właściwości InnerHTML w celu ustawienia zawartości formularza i tak dalej. Ten zapis zapewnia podstawowe zrozumienie formularzy JavaScript za pomocą odpowiednich przykładów.