什么是占位符?

占位符是一些文本,您可以将其添加到输入字段中。您的访客和潜在的订阅者将能够看到此文本。一旦您开始在该字段中输入,它将消失,一旦有人不小心提交了您的表格,该文本将不再使用。这是一种告诉人们您希望他们在该领域中输入什么的好方法!

使用我们的字段助手生成表单字段时,您可以设置自己的占位符文本。

这将生成以下字段HTML。注意placeholder那里的属性吗?

当您将此表单放置在小部件,页面或帖子中时,占位符将对所有视图可见。通常它具有灰色,一旦在输入字段中开始输入内容,它将消失。

样式占位符文本

占位符本身的样式有点困难,因为各种浏览器分别处理该占位符的方式。

可以通过在主题样式表中添加几行CSS来完成。您可以通过WP Admin> Appearance> Editor或通过FTP通过FTP 查找该文件/wp-content/themes/your-theme/style.css

一个更简单的选择是使用我们的Simple Custom CSS插件

在下面,您将找到要添加到样式表的行的列表。

.mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #888;
}

.mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
	opacity: 1;
}

.mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	opacity: 1;
}

.mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #888;
}

而已!现在,您应该有一个黑色占位符文本,字体大小为12像素。