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

Ausführliche Erläuterung der Stilfunktion in Vue3-Einzeldateikomponenten

Inhaltsverzeichnis Stil mit Gültigkeitsbereich St...

Rückblick auf die besten Webdesign-Arbeiten 2012 [Teil 1]

Zum Beginn des neuen Jahres möchte ich meinen Fre...

CSS, um horizontale Linien auf beiden Seiten des mittleren Textes zu erreichen

1. Die Eigenschaft „vertical-align“ erzielt folge...

SQL IDENTITY_INSERT-Fallstudie

Wenn eine Spalte in einer Datentabelle einmal als...

So verbinden Sie JDBC mit MySQL 5.7

1. Bereiten Sie zunächst die MySQL- und Eclipse-U...

Tabellenbezogene Anordnung und Javascript-Operationen table, tr, td

Gut funktionierende Einstellungen für Tabelleneige...

Javascript, um den Effekt des Schließens von Anzeigen zu erzielen

Hier ist eine Fallstudie zu Ihrer Information, wi...

Detaillierte Erläuterung des Zahlungsfunktionscodes des Vue-Projekts

1. Alipay-Methode: Alipay-Methode: Klicken Sie zu...

So verbinden Sie Django 2.2 mit einer MySQL-Datenbank

1. Beim Ausführen des Projekts werden folgende Fe...