Platzhalter in Kontaktformular 7 – WordPress

Lesezeit: 3 Minuten

Platzhalter in Kontaktformular 7 Wordpress
Das Monster

Ich erstelle eine Website für einen Kunden von mir, aber ich habe ein Problem. Ich habe mit Contact Form 7 ein Kontaktformular in WordPress erstellt. Dieses Plugin ist wirklich einfach zu verwenden, aber als ich die Platzhaltereigenschaft des Plugins verwenden wollte, wurde der Platzhalter beim Laden der Seite nicht angezeigt.

So setze ich den Platzhalter in Contactform 7

[text* your-name placeholder "Name"]

Das Platzhalter-Tag funktioniert gut für mein Textfeld, aber es funktioniert nicht mit dem Textfeld oben. Kann mir jemand erklären was ich hier falsch mache?

BEARBEITEN

Wenn ich das Element mit Google Chrome inspiziere und das Textfeld inspiziere, heißt es, dass es einen Platzhalter hat. Aber der Platzhalter wird nicht angezeigt.

  • [text* first-name placeholder "Name"] funktioniert gut in einer meiner Formen. Welchen Browser verwendest du? Wenn Sie Ihre Seitenquelle anzeigen, hat die HTML-Eingabe eine placeholder Attribut? Meine generiert <input type="text" name="first-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Name" />, zum Beispiel.

    – Hobo

    19. Juni 14 um 15:18 Uhr

  • [text* text-291 placeholder “Your Hobbies”] funktionierte perfekt für mich in meinem localhost

    – Gunaseelan

    19. Juni 14 um 15:23 Uhr

  • @Hobo Ich verwende Google Chrome, habe es aber auch in Firefox getestet

    – Das Monster

    19. Juni 14 um 15:44 Uhr

  • Ok, es ist also keine Kompatibilitätssache. So auch die placeholder -Attribut erscheinen in der Seitenquelle (Ctrl-U in Chrome) wie bei mir (siehe oben)?

    – Hobo

    19. Juni 14 um 16:08 Uhr


  • Welche Farbe hat der Platzhaltertext?

    – Bob Weber

    11. Juli 14 um 18:32 Uhr

Wenn jemand damit Probleme hat, könnte es sein, dass Sie class: oder id: Attribute verwenden.

Es funktionierte für mich, als ich Platzhalter hinzufügte nach alle diese:

[email* your-email id:your-email class:form-control placeholder "ex. [email protected]"]

  • Dies sind die wichtigen Informationen Platzhalter immer ans Ende setzen

    – MaxiGui

    21. April 21 um 5:46 Uhr


Platzhalter in Kontaktformular 7 Wordpress
Maha Dev

Es ist sehr einfach. Sie können Platzhalter wie folgt hinzufügen:

[text* first_name placeholder"First Name"] 

Dokumentation : https://contactform7.com/setting-placeholder-text/

Gleiches Problem, dann ändere ich die Hintergrundfarbe der Eingabe und der Platzhaltertext ist weiß auf weißem Hintergrund …

Also schlage ich vor, zu versuchen, die Hintergrundeingabefarbe zum Testen zu ändern:

input[type="text"], textarea {
  background-color : #d1d1d1; 
}

[text* your-name placeholder “Name”] Die Syntax war, was Sie korrekt angegeben haben, sobald Sie die Kontaktformulareinstellungen überprüft haben. Da ich auch dieselbe wie Ihre Syntax verwende, funktionierte sie in meinem Kontaktformular ordnungsgemäß.

1642741746 178 Platzhalter in Kontaktformular 7 Wordpress
Fefar Ravi

Wenn Sie Klassen- oder ID-Attribute verwenden, gehen Sie einfach wie folgt vor:

[text* your-name class:form-control id:name placeholder "Enter Name"]

  • Willkommen bei StackOverflow. Könnten Sie Ihre Antwort bitte ausarbeiten und formatieren und erklären, wie sie sich von den vorhandenen Antworten unterscheidet?

    – sfan

    31. August 18 um 13:07 Uhr

  • Schreiben Sie den Platzhalter zuletzt in das Array.

    – Fefar Ravi

    6. September 18 um 14:03 Uhr

1642741746 187 Platzhalter in Kontaktformular 7 Wordpress
John M.

Falls jemand dieses Problem immer noch hat, obwohl alles richtig geschrieben ist, wie die anderen Antworten oben, hier ist die Lösung für mein Problem.

Code in einem Thema hat Platzhalter ausgeblendet und hat nichts mit Contact Form 7 zu tun.

CSS-Code, der mein Problem behoben hat:

input::placeholder {
    color: #9c9c9c;
    opacity: 1;
}

  • Willkommen bei StackOverflow. Könnten Sie Ihre Antwort bitte ausarbeiten und formatieren und erklären, wie sie sich von den vorhandenen Antworten unterscheidet?

    – sfan

    31. August 18 um 13:07 Uhr

  • Schreiben Sie den Platzhalter zuletzt in das Array.

    – Fefar Ravi

    6. September 18 um 14:03 Uhr

1642741746 274 Platzhalter in Kontaktformular 7 Wordpress
SF007

Sie können einen Platzhalter wie diesen hinzufügen.

[text* full-name placeholder "Full Name"]

Wenn der Platzhalter nicht wieder angezeigt wird, geben Sie dem Platzhalter bitte einen Stil wie unten:

form input::placeholder{color: #9C9898; font-size: 14px;}

.

571500cookie-checkPlatzhalter in Kontaktformular 7 – WordPress

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy