提问人：Sadia 提问时间：6/16/2016 最后编辑：Sadia 更新时间：6/17/2016 访问量：19141
输入字段占位符不起作用。？
Input Field Placeholder not working.?
问：
<form role="search" method="get" id="searchform" class="searchform" action="<?php echo esc_url(home_url('/')); ?>">
<input type="search" class="search rm-input" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder "Your name here"/>
<input type="submit" style="display:none" id="searchsubmit" value="<?php echo esc_attr_x('Search', 'submit button'); ?>" />
</form>
我不知道为什么占位符文本没有显示在字段中......
答：
8赞
MuthaFury
6/16/2016
#1
你错过了应该是：'='
placeholder="Your name here"
评论
0赞
MuthaFury
6/16/2016
@SadiaRashid介意提供输入的屏幕截图并检查其上的元素吗？
0赞
Sadia
6/16/2016
添加了您可以查看的屏幕截图
0赞
MuthaFury
6/16/2016
@SadiaRashid 根据您提供的屏幕截图，您的占位符丢失了吗？
0赞
Sadia
6/16/2016
我不知道我是否在后端添加了它，但是当我输入元素时，它没有显示在那里..
0赞
MuthaFury
6/16/2016
@SadiaRashid 然后你必须自己检查一下，从你在这里给出的代码来看，你似乎缺少“=”
2赞
user5876330
6/16/2016
#2
您忘记了输入字段中的（等号）符号。=
<input type="search" class="search rm-input" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="Your name here"/>
2赞
zakhefron
6/16/2016
#3
缺少=placeholder "Your name here"
仅当 value 属性为空时，才会显示占位符文本。在您的示例中，它具有值，因此值将显示在那里。
有价值
<input type="search" class="search rm-input" value="My name" name="s" id="s" placeholder="Your name here"/>
没有价值
<input type="search" class="search rm-input" value="" name="s" id="s" placeholder="Your name here"/>
参考 ： JsFiddle
附言： 如果您使用的是 wordpress create searchform.php 在您的主题文件夹中，然后在那里添加表单。
1赞
asimovwasright
6/16/2016
#4
可能是占位符颜色不是从父级继承的，所以它可能是黑色的，在黑色背景上是不可见的。
您可以像这样更改它：
input::-webkit-input-placeholder {
color: #ffffff;
}
input:-moz-placeholder {
color: #ffffff;
}
input::-ms-input-placeholder {
color: #ffffff;
}
我使用输入作为选择器，您可能应该添加一些更好的特异性，也许像“searchBar”一样提供输入和 ID，然后使用选择器input#searchBar
2赞
Aady Ahmed
6/16/2016
#5
占位符不适用于不是类型文本的输入，因此您必须像这样使用值value="What you want to be displayed"
1赞
Sadia
6/17/2016
#6
现在已经解决了，这是一个缓存问题......
评论