Contactform 7中的占位符- WordPress

omhiaaxx 于 2023-10-17 发布在 WordPress

关注(0)|答案(8)|浏览(112)

我正在为我的一个客户端的网站，但即时通讯遇到了一个问题。我在WordPress中使用Contact Form 7制作了一个联系表单。这个插件真的很容易使用，但是当我想使用插件的占位符属性时，它在我加载页面时没有显示占位符。
这是我在Contactform7中设置占位符的方法

[text* your-name placeholder "Name"]

占位符标记对我的文本区域很好用，但对上面的文本框不起作用。有人能解释一下我做错了什么吗？

编辑

当我用Google Chrome检查元素并检查文本框时，它说它有一个占位符。但它不显示占位符。

8条答案

如果有人对此有问题，可能是因为你使用了class：或id：attributes。
当我在所有这些之后添加占位符**时，它对我有效：

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

很简单。你可以像这样添加占位符：

[text* first_name placeholder"First Name"]

同样的问题，然后我改变输入的背景颜色和占位符文本是白色在背景白色.
所以我突然尝试改变背景输入颜色来测试：

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

[text* your-name placeholder“Name”]检查联系表单设置后，语法是您给出的正确语法。因为我也在使用像你一样的语法，它在我的联系表格中正常工作。

如果你使用的是class或id属性，只需执行以下操作：

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

如果有人仍然有这个问题，尽管有一切正确的书面作为上述其他答案，这里是解决我的问题。
主题中的代码隐藏了占位符，并且与Contact Form 7无关。
CSS代码解决了我的问题：

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

你可以像这样添加一个占位符。

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

如果占位符不再次显示，请给予如下占位符样式：

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

你可以像这样添加占位符：[text* your-name placeholder=“输入姓名”]