Beiträge von pixelnaut2025

Ich kann doch nur die Pflichtfelder direkt über Span ansprechen. Sonst gibt es doch keine Möglichkeit.
Ich hätte schon einiges gefunden bei Google, was nicht funktioniert. Diese Lösung (auch von Google) fast doch. Nur, dass über CSS die Eingabefelder mit einem Pflichtfeld nicht angesprochen werden.

Gibt es dafür eine Lösung?
Oder gibt es einen anderen Ansatz für eine Floating Lösung, die sehr gut funktioniert (auch bei Pflichtfeldern)?

Du hast mir schon sehr geholfen. Die Pflichtfelder können über CSS angesprochen werden, das ging vorher nicht.
Die Standardposition des Labels im Eingabefeld wird noch nicht angezeigt und der Name hängt schon oben.
Hast du da eventuell eine Idee?
Du hast mir jetzt aber schon sehr geholfen!

Danke für deine Antwort.
Ich habe den HTML Code von mir direkt in das Formularfeld von Contact Form 7 eingegeben.
Ich weiß nicht, wie ich deine Antwort verwenden kann?
Wie soll ich genau das HTML aufbauen, was ich im Kontaktformular verwende?
Welche Möglichkeiten gibt es noch Pflichtfelder anzusteuern, damit? Contact Form 7 diese auch verwendet.

Sollte ich jetzt gehen. Danke.

Hallo zusammen,
Ich habe ein Formular mit Contactform 7 erstellt. Ich möchte gerne einen Floating Effekt bei den Eingabefeldern haben. Leider funktioniert dieser Effekt nicht mehr, wenn ich das Pflichtfeld über das Eingabefeld und mit dem Attribut * versehe.

<div class="floating-label">
    [text* your-firstname id:your-firstname placeholder ""]
    <label for="your-firstname">Vorname*</label>
</div>

Der Floating Effekt geht aber mit dem erstellten Eingabefeld

<div class="floating-label">
    <input type="text" name="your-surname" id="your-surname"  class="required" placeholder=" " required />
    <label for="your-surname*">Nachname*</label>
</div>

Meine Frage ist, ob es noch andere Optionen für die Erstellung von Pflichtfeldern gibt?
Leider greift das Contactfom7 nur auf die erste Variante. Leider bekomme ich dort das Floating nicht zum Laufen.
Hier ist das noch nicht veröffentlichte Formular.
https://bergzeit-rauris.at/?page_id=1261