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:
[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äß.
Fefar Ravi
Wenn Sie Klassen- oder ID-Attribute verwenden, gehen Sie einfach wie folgt vor:
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
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.
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
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;}
.
5715000cookie-checkPlatzhalter in Kontaktformular 7 – WordPressyes
[text* first-name placeholder "Name"]
funktioniert gut in einer meiner Formen. Welchen Browser verwendest du? Wenn Sie Ihre Seitenquelle anzeigen, hat die HTML-Eingabe eineplaceholder
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