Heim > Web-Frontend > CSS-Tutorial > Wie kann ich Formulardaten aus ausgeblendeten Formularelementen übermitteln?

Wie kann ich Formulardaten aus ausgeblendeten Formularelementen übermitteln?

Linda Hamilton
Freigeben: 2024-12-07 07:42:13
Original
813 Leute haben es durchsucht

How Can I Submit Form Data from Hidden Form Elements?

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;
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage