web-dev-qa-db-ja.com

お問い合わせフォーム7のプレースホルダー-Wordpress

私は私のクライアントのためにウェブサイトを作っていますが、問題にぶつかっています。 wordpressお問い合わせフォーム7を使用してお問い合わせフォームを作成しました。このプラグインは非常に使いやすいですが、プラグインのプレースホルダープロパティを使用したい場合、プレースホルダーが表示されませんでした。ページをロードしました。

これは、Contactform7でプレースホルダーを設定する方法です。

[text* your-name placeholder "Name"]

プレースホルダータグは私のテキストエリアでは問題なく機能しますが、上のテキストボックスでは機能しません。誰かが私がここで間違っていることを私に説明できますか?

[〜#〜]編集[〜#〜]

Google Chromeで要素を調べて、テキストボックスを調べると、プレースホルダーがあると表示されますが、プレースホルダーは表示されません。

5
The_Monster

誰かがこれに問題を抱えている場合は、class:またはid:属性を使用している可能性があります。

プレースホルダーを追加したときはうまくいきましたそれらすべて:

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

同じ問題が発生した場合、入力の背景色を変更すると、プレースホルダーのテキストが白地に白になります...

だから私はテストするために背景の入力色を変更しようと思います:

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

[text * your-name placeholder "Name"]構文は、お問い合わせフォームの設定を確認した後、正しく入力したものです。私もあなたの構文と同じものを使用しているので、それは私の連絡フォームで正しく機能していました。

1
Ram

非常に簡単です。次のようにプレースホルダーを追加できます。

[text* first_name placeholder"First Name"] 

ドキュメント: https://contactform7.com/setting-placeholder-text/

1
Maha Dev

クラスまたはID属性を使用している場合は、次のようにしてください。

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