Der Typ der Schaltfläche ist nicht als „Senden“ angegeben. Durch Klicken auf die Schaltfläche wird nicht zur angegebenen URL gesprungen.

Der Typ der Schaltfläche ist nicht als „Senden“ angegeben. Durch Klicken auf die Schaltfläche wird nicht zur angegebenen URL gesprungen.
Heutzutage wird aufgrund der Projektanforderungen js benötigt, um die Übermittlung des Formulars zu kontrollieren und die Daten vor der Übermittlung zu überprüfen und zu verarbeiten.

Der HTML-Code lautet wie folgt :

Code kopieren
Der Code lautet wie folgt:

<div Klasse="test-ft">
<h3 class="shouji">Glück mit der Handynummer</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">Jetzt testen</button>
</form>
</div>

Nachdem die Codierung abgeschlossen war, trat beim Browser-Kompatibilitätstest ein Problem auf: Das Klicken auf die Schaltfläche reagierte in IE6 und IE7 nicht und die angegebene URL konnte nicht angesprungen werden, aber andere Browser konnten normal springen.
Ich dachte immer, es gäbe ein Problem im JS-Steuercode, also habe ich ihn lange verfolgt und debuggt, konnte das Problem jedoch immer noch nicht finden. Später stellte ich fest, dass für die Schaltfläche nicht der Typ „Senden“ angegeben war, daher vermutete ich, dass hier das Problem lag.
Nachdem Sie das Typattribut der hinzugefügten Schaltfläche auf „Senden“ geändert haben, funktioniert die Funktion in IE6 und IE7 normal.

Ich habe in der Vergangenheit nie auf derartige Probleme geachtet und bin in eine Falle getappt. Deshalb habe ich nach Informationen gesucht, um dies zu überprüfen.
w3shool bietet eine detaillierte Beschreibung des Button-Typ-Attributs :
https://www.jb51.net/w3school/tags/att_button_type.htm

Code kopieren
Der Code lautet wie folgt:

Definition und Verwendung: Das Typattribut gibt den Typ der Schaltfläche an. Tipp: Geben Sie für Schaltflächen immer ein Typattribut an. Der Standardtyp für Internet Explorer ist „Schaltfläche“, während der Standardtyp in anderen Browsern (einschließlich der W3C-Spezifikation) „Senden“ ist. Es ist ersichtlich, dass in anderen Browsern das Formular standardmäßig nach dem Klicken auf die Schaltfläche übermittelt wird, während im Internet Explorer das Formular standardmäßig nach dem Klicken nicht übermittelt wird. Der Standardwert des Typs ist auch ein Problem der Browserkompatibilität. Markieren Sie ihn daher.

<<:  Einführung in bedingte Zugriffsattribute und Pfeilfunktionen in JavaScript

>>:  Ein kurzes Verständnis der relevanten Sperren in MySQL

Artikel empfehlen

Verwenden Sie Vue3 zur Datenbindung und Anzeigelistendaten

Inhaltsverzeichnis 1. Vergleich mit Vue2 1. Neue ...

MySQL 8.0.20 Installations- und Konfigurations-Tutorial unter Docker

Docker installiert MySQL Version 8.0.20 zu Ihrer ...

Detaillierte Erklärung der CSS-Animationsattribut-Keyframes

Wie lange ist es her, dass ich meine Kolumne aktu...

Detaillierte Analyse des Linux-NFS-Mechanismus anhand von Fällen

In Fortsetzung des vorherigen Artikels erstellen ...

30 Minuten, um Ihnen ein umfassendes Verständnis von React Hooks zu vermitteln

Inhaltsverzeichnis Überblick 1. useState 1.1 Drei...

Das Docker-Maven-Plugin-Plugin kann das entsprechende JAR-Paket nicht abrufen

Bei Verwendung des Plug-Ins „Docker-Maven-Plugin“...

So lösen Sie das Problem, dass Tomcat9.exe abstürzt

Ein Leser kontaktierte mich und fragte, warum es ...

Detaillierte Erklärung zur Verwendung selbstverschachtelter Vue-Baumkomponenten

In diesem Artikel erfahren Sie, wie Sie die selbs...

Detaillierte Erklärung der Funktion und Verwendung der KeepAlive-Komponente in Vue

Vorwort Während des Vorstellungsgesprächs erwähne...

Docker fügt eine Brücke hinzu und legt den IP-Adressbereich fest

Ich weiß nicht, ob es daran liegt, dass die Binär...