JavaScript-Webformularfunktion Kommunikation voller praktischer Informationen

JavaScript-Webformularfunktion Kommunikation voller praktischer Informationen

1. Einleitung

Vorher haben wir über das Front-End-Anzeigeproblem gesprochen. Kehren wir nun zum vorherigen Inhalt zurück und erweitern einige Formularvorgänge.

2. Haupttext

Durch unsere vorherigen Inhalte glaube ich, dass jeder bereits sehr gut mit der Umgebungskonfiguration in der Idee vertraut ist, also jetzt wir

Ich werde nicht mehr auf die Umgebungskonfiguration eingehen. Studenten, die es immer noch nicht verstehen, finden relevante Inhalte in meinem ersten Artikel.

Dann direkt wie in der Abbildung gezeigt:

Das haben wir als erstes gemacht. Wir rannten

Nach der Eingabe des Kontos und des Passworts wird es auf dieser Webseite angezeigt. Das möchten wir nicht sehen.

Wir müssen also nur method=" post" zum Formular hinzufügen

method=" post" ist eine verschlüsselte Übermittlung. Wir schreiben es. Wenn wir es nicht schreiben oder erhalten, wird es öffentlich übermittelt. Nach dem Ausführen

Derzeit werden Konto und Passwort nach der Übermittlung nicht angezeigt.

Tatsächlich kommen unverschlüsselte Übermittlungen bei unseren täglichen Suchvorgängen sehr häufig vor, wie die Abbildung zeigt:

Wir haben nach dem Absenden keine Ergebnisse gesehen, was sehr unangenehm war, also haben wir

   <Skripttyp="text/javascript">
        Funktion Absenden() {
         alert("Übermittlung erfolgreich")
        }
    </Skript>

Der Name nach der Aktion ist beliebig, und der in der Warnung angezeigte Inhalt ist ebenfalls beliebig. Wir müssen auch

Fügen Sie diese Funktion hinzu

Nach dem Ausführen können wir es abrufen, indem wir es eingeben und auf Senden klicken. Klicken Sie dann auf OK, um es erfolgreich zu senden

Wenn wir auch am Rücksetzpunkt eine Eingabeaufforderung haben möchten, ist das Prinzip das gleiche

Den Reset-Knopf gibt es hier:

Beachten Sie, dass die geschriebenen Funktionen übereinstimmen müssen:

Nach dem Ausführen: Klicken Sie auf Zurücksetzen

Klicken Sie zum erfolgreichen Löschen auf „OK“.

Wenn wir unser Konto und Passwort eingeben, haben wir das Gefühl, dass das Feld zu groß oder zu klein ist. Daher können wir die Länge des Textfelds steuern

Sie können die Größe verwenden, um zu steuern

Die Größe des Kontos wird kontrolliert und das Passwort hat die Standardlänge. Vergleichen wir sie.

Die Länge ist offensichtlich unterschiedlich, daher kontrollieren wir die Länge des Textfeldes

Dann denken wir, dass die Kontrolle der Länge des Textfelds bei weitem nicht ausreicht. Wir möchten beispielsweise eine Begrenzung festlegen, wie viele Ziffern das Textfeld enthalten kann. Wir können maxlength="" verwenden, um die Länge des Textfelds zu begrenzen.

Nachdem ich es ausgeführt hatte, überprüfte ich es und stellte fest, dass es tatsächlich möglich war. Nach der fünften Ziffer konnte es nicht verloren gehen.

maxlength bedeutet wörtlich die maximale Länge, die sehr leicht zu merken ist.

Mehrzeilige Textfeldeingabe: Textares, kann viele Informationen eingeben

Dies ist das Ende dieses Artikels über JavaScript-Webformularfunktionen. Weitere relevante JavaScript-Webformularinhalte finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • So senden Sie mit Javascript mehrere Webformulare gleichzeitig ab
  • Javascript-Methode zum gleichzeitigen Senden mehrerer Webformulare
  • Der JavaScript-Artikel zeigt Ihnen, wie Sie mit Webformularen spielen

<<:  So rufen Sie einen Hyperlink auf und öffnen ihn

>>:  Einfaches Beispiel für den Grenzwertparameter der MySQL-Paging

Artikel empfehlen

Vue3.0 implementiert die Fallstudie zum Lupeneffekt

Der zu erzielende Effekt ist: Festes Vergrößern a...

Was tun, wenn Sie Ihr Passwort in MySQL 5.7.17 vergessen?

1. Skip-Grant-Tables zur Datei my.ini hinzufügen ...

JS implementiert Anforderungsdispatcher

Inhaltsverzeichnis Abstraktion und Wiederverwendu...

Detaillierte Erklärung unsichtbarer Indizes in MySQL 8.0

Wort Seit der ersten Version von MySQL 8.0 liegen...

jQuery klickt auf den Liebeseffekt

In diesem Artikel wird der spezifische Code des j...

JavaScript-Tipps zur Verbesserung Ihrer Programmierkenntnisse

Inhaltsverzeichnis 1. Filtern Sie eindeutige Wert...

JavaScript implementiert eine Seiten-Scrolling-Animation

Inhaltsverzeichnis Erstellen eines Layouts CSS-St...

Detaillierte Erklärung der neuen Hintergrundeigenschaften in CSS3

Bisher kannten wir mehrere Hintergrundattribute i...

Ein kurzer Vergleich von Props in React

Inhaltsverzeichnis Props-Vergleich von Klassenkom...

XHTML-Tutorial: XHTML-Grundlagen für Anfänger

<br />Der Inhalt dieser Site ist Original. B...

Lösen Sie das Problem inkonsistenter Front- und Back-End-Ports von Vue

Die Front- und Back-End-Ports von Vue sind inkons...