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

Vue implementiert QR-Code-Scanfunktion (mit Stil)

brauchen: Verwenden Sie Vue, um das Scannen von Q...

Vue-Anpassungsmethode für Großbildschirme

In diesem Artikelbeispiel wird der spezifische Co...

Konzept und Anwendungsbeispiele für die MySQL-Indexkardinalität

Dieser Artikel erläutert anhand von Beispielen da...

7 coole dynamische Website-Designs zur Inspiration

Im Bereich Design gibt es jedes Jahr unterschiedl...

Implementieren Sie über 24 Array-Methoden in JavaScript von Hand

Inhaltsverzeichnis 1. Traversal-Klasse 1. fürJede...

Detaillierte Erläuterung der Mybatis-Sonderzeichenverarbeitung

Vorwort: Mybatis-Sonderzeichenverarbeitung, Verar...

HTML Einführungstutorial HTML Tag Symbole schnell beherrschen

Randbemerkung <br />Wenn Sie nichts über HTM...

Implementierung des Wasserfall-Layouts im Uni-App-Projekt

GitHub-Adresse, Sie können es mit einem Stern mar...

Detaillierte Erklärung des Pufferpools in MySQL

Jeder weiß, dass Daten in MySQL auf die Festplatt...

Beispiel für asynchronen Dateiupload in HTML

Code kopieren Der Code lautet wie folgt: <form...

Reagieren Sie auf den nativen ScrollView-Pulldown-Aktualisierungseffekt

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

Einführung in das Batch-Cache-Löschskript von nginx proxy_cache

Vorwort: Ich habe zuvor den offiziellen Proxy-Cac...