私は私のクライアントのためにウェブサイトを作っていますが、問題にぶつかっています。 wordpressお問い合わせフォーム7を使用してお問い合わせフォームを作成しました。このプラグインは非常に使いやすいですが、プラグインのプレースホルダープロパティを使用したい場合、プレースホルダーが表示されませんでした。ページをロードしました。
これは、Contactform7でプレースホルダーを設定する方法です。
[text* your-name placeholder "Name"]
プレースホルダータグは私のテキストエリアでは問題なく機能しますが、上のテキストボックスでは機能しません。誰かが私がここで間違っていることを私に説明できますか?
[〜#〜]編集[〜#〜]
Google Chromeで要素を調べて、テキストボックスを調べると、プレースホルダーがあると表示されますが、プレースホルダーは表示されません。
誰かがこれに問題を抱えている場合は、class:またはid:属性を使用している可能性があります。
プレースホルダーを追加したときはうまくいきました後それらすべて:
[email* your-email id:your-email class:form-control placeholder "ex. [email protected]"]
同じ問題が発生した場合、入力の背景色を変更すると、プレースホルダーのテキストが白地に白になります...
だから私はテストするために背景の入力色を変更しようと思います:
input[type="text"], textarea {
background-color : #d1d1d1;
}
[text * your-name placeholder "Name"]構文は、お問い合わせフォームの設定を確認した後、正しく入力したものです。私もあなたの構文と同じものを使用しているので、それは私の連絡フォームで正しく機能していました。
非常に簡単です。次のようにプレースホルダーを追加できます。
[text* first_name placeholder"First Name"]
クラスまたはID属性を使用している場合は、次のようにしてください。
[text* your-name class:form-control id:name placeholder "Enter Name"]