JavaScript -Formulare | Erklärt

JavaScript dient einer breiten Palette von Funktionen. Zum Beispiel können wir Web- und Mobilanwendungen mit JavaScript, JavaScript erstellen, unterstützt uns bei der Erstellung von Spezialeffekten usw. Ein weiteres nützliches Merkmal von JavaScript ist, dass es uns hilft, die HTML -Formulare zu verbessern. Wir können die Formulare mit dem Tag erstellen. JavaScript kann jedoch zur Formverarbeitung, Formularvalidierung usw. verwendet werden.

Mit JavaScript können wir die Formulare verarbeiten, ohne den Server anzurufen/aufzurufen. Darüber hinaus bietet JavaScript mehrere Eigenschaften und Methoden, die für die Arbeit mit Formularen verwendet werden. Zum Beispiel können wir mit der Methode GetElementById () verschiedene HTML -Elemente lesen, indem wir die InnerHTML -Eigenschaft verwenden, können wir den Inhalt des Formulars usw. festlegen und so weiter.

In dieser Beschreibung werden wir die Grundlagen von JavaScript-Formularen verstehen, und um dies zu tun, werden wir die folgenden Lernergebnisse behandeln:

• Was sind Formen in JavaScript??
• So erstellen Sie ein Formular mit JavaScript?

Also lasst uns anfangen!

Was sind Formen in JavaScript??

Ein Formular ist ein Container/Inhaber, der mehrere Elemente enthalten kann. In JavaScript wird das Konzept der Formulare verwendet, um die Eingabe des Benutzers mit verschiedenen Elementen wie Eingabefeldern, Schaltflächen, Beschriftungen, Feldern, Textfeldern usw. zu sammeln. JavaScript kann verwendet werden, um mit den Formularen zu interagieren, die Formulare zu validieren, die Formulare usw. zu verarbeiten usw.

So erstellen Sie ein Formular mit JavaScript?

Betrachten wir das folgende Beispiel, um zu verstehen, wie ein Formular mit JavaScript erstellt wird:

Html

Name:



Alter:

Das obige Programm dient den folgenden Funktionen:

• Erstens haben wir das genutzt

  Tag, um einen Absatz zu definieren und ihm eine ID = "Details" zuweisen.

• Anschließend haben wir ein Formular mit dem Tag mit dem Tag erstellt, und innerhalb von Form -Tag haben wir zwei Eingabefelder und eine Schaltfläche erstellt.

JavaScript

Funktion showdetails ()

var empdetails = dokument.getElementById ('Details');
var empname = document.GetElementById ('Name');
var empage = dokument.GetElementById ('Alter');
Empdetails.Innerhtml = "Name:" + Empname.Wert + "
" +" Alter: " + Empage.Wert;

• In JavaScript -Datei i.e. form.JS, wir haben die GetelementById () -Methode verwendet, um HTML -Elemente zu lesen.
• Als nächstes verwendeten wir die Innerhtml -Eigenschaft, um den Namen und das Alter auf die zu setzen

  Element.

• Bei der erfolgreichen Ausführung des Programms erhalten wir zunächst die untergegebene Ausgabe:

Jetzt werden wir einige Daten in die Eingabefelder eingeben und danach klicken wir auf die Schaltfläche "Details anzeigen". Nach dem Klicken auf die Schaltfläche erhalten wir die folgende Ausgabe:

So können Sie mit den JavaScript -Formularen beginnen.

Abschluss

In JavaScript werden die Formulare verwendet, um die Eingabe des Benutzers mit verschiedenen Elementen wie Eingabefeldern, Kontrollkästchen, Schaltflächen, Textfeldern usw. zu sammeln. JavaScript ermöglicht es, die Formulare zu verarbeiten, ohne den Server aufzurufen. JavaScript bietet mehrere Eigenschaften und Methoden, um mit Formularen wie GetelementById () -Methode zu arbeiten, um verschiedene HTML -Elemente, die Innerhtml -Eigenschaft zu lesen. Dieses Schreiben bietet das grundlegende Verständnis von JavaScript-Formularen mit Hilfe geeigneter Beispiele.