输入字段占位符不起作用。？答案

【问题标题】：Input Field Placeholder not working.?输入字段占位符不起作用。？
【发布时间】：2016-10-17 18:36:15
【问题描述】：

<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>

我不知道为什么占位符文本没有显示在字段中...

【问题讨论】：

标签： php html css wordpress

【解决方案1】：

你错过了'=' 应该是：

placeholder="Your name here"

【讨论】：

@SadiaRashid 是否介意提供输入和检查元素的屏幕截图？
添加了可以查看的截图
@SadiaRashid 根据你提供的截图，你的占位符不见了？
我不知道我已经在后端添加了，但是当我检查元素时它没有显示在那里..
@SadiaRashid 然后你必须自己检查一下，从你在这里给出的代码来看，你似乎错过了“=”

【解决方案2】：

您忘记在输入字段中输入=（等号）符号。

<input type="search" class="search rm-input" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="Your name here"/>

【讨论】：

【解决方案3】：

placeholder "Your name here" 中缺少 =

仅当 value 属性为空时才会显示占位符文本。在您的示例中，它具有 value，因此 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

PS：如果您使用 wordpress 在您的主题文件夹中创建 searchform.php 并在那里添加表单。

【讨论】：

【解决方案4】：

占位符不适用于不是文本类型的输入，因此您必须在您的情况下使用值，例如 value="What you want to be displayed"

【讨论】：

【解决方案5】：

可能是占位符颜色不是从父级继承的，所以它可能是黑色的，在黑色背景上不可见。

你可以这样改：

input::-webkit-input-placeholder {
  color: #ffffff;
}

input:-moz-placeholder { 
  color: #ffffff;
}

input::-ms-input-placeholder  { 
  color: #ffffff;
}

我使用输入作为选择器，您可能应该为此添加一些更好的特异性，也许提供输入和 ID，例如“searchBar”，然后使用选择器 input#searchBar

【讨论】：

【解决方案6】：

现在解决了，这是一个缓存问题...

【讨论】：