Wie kann ich Formulardaten aus ausgeblendeten Formularelementen übermitteln?

Formularfeldübermittlung aus versteckten Elementen mit CSS

Für die Formularübermittlung müssen häufig alle erforderlichen Felder auf der Seite sichtbar sein. Wenn Sie jedoch ein mehrstufiges Formular mit ausgeblendeten Abschnitten haben, das „display:none“-CSS verwendet, kann es bei der Übermittlung von Daten aus diesen ausgeblendeten Elementen zu Problemen kommen.

Lösung:

Um dieses Problem zu beheben, sollten Sie die CSS-Stile „visibility: versteckt“ und „position: absolute“ anstelle von „display:none“ verwenden. Im Gegensatz zu „display:none“, das das Element aus dem DOM entfernt, macht „visibility:hidden“ es unsichtbar, während es für die Übermittlung zugänglich bleibt. „Position: absolut“ sorgt dafür, dass das Element aus dem Fluss des Dokuments entfernt wird und sein visuelles Erscheinungsbild erhalten bleibt.

Beispiel:

.hidden-element {
  visibility: hidden;
  position: absolute;
}

Hinweis :

Seit November 2015 scheint dieses Problem in aktuellen Browsern behoben zu sein. Elemente mit dem Attribut „disabled“ werden jedoch weiterhin nicht übermittelt.

Das obige ist der detaillierte Inhalt vonWie kann ich Formulardaten aus ausgeblendeten Formularelementen übermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!