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

Question

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

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

Answer 1

你错过了'='应该是：

placeholder="Your name here"

Answer 2

您在输入字段中忘记了=（相等）。

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

Answer 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

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

Answer 4

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

您可以这样更改：

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

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

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

我使用输入作为选择器，你可能应该为它添加一些更好的特异性，也许可以提供输入和ID，例如＆＃34; searchBar＆＃34;然后使用选择器input#searchBar

Answer 5

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

Answer 6

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