如何在WordPress中为搜索输入制作占位符

我通过创建自己的搜索表单（在google中找到此代码）来覆盖默认的wordpress搜索表单。这就是：如何在WordPress中为搜索输入制作占位符

<form method="get" class="searchform" action="<?php bloginfo('url'); ?>"> 
<div> 
<input class="text" type="text" value="<?php if(trim(wp_specialchars($s,1))!='') echo trim(wp_specialchars($s,1));else echo ' ';?>" name="s" id="s" /> 
</div> 
</form>

我尝试添加一个占位符这个&我的输入线路码改成这样：

<input class="text" type="text" value="<?php if(trim(wp_specialchars($s,1))!='') echo trim(wp_specialchars($s,1));else echo ' ';?>" name="s" id="s" placeholder="Search Here" />

但它不是为我工作。请帮助别人。

来源

2014-09-20 Aohor Arsalan

删除'别的回声'“'从输入值... – Dinesh 2014-09-20 09:01:27

@Dinesh的OP不需要删除'else echo'''。他们应该改变它'else echo'''，*没有*引号之间的单个空格。 – hungerstar 2014-10-06 13:13:28

，你可以简单地使用占位符属性，像这样：

<input type="text" placeholder="Search the site"/>

如果你把一个值，该值将覆盖您的占位符。尝试从您的输入删除的数值，它应该工作

来源

2014-09-20 08:51:14

非常感谢！ – 2014-09-20 10:27:37

@AohorArsalan在你提供的代码中，有一个单独的空间被'else echo''回声，这将被视为一个值并覆盖占位符的值。使用'value =“”'不会覆盖占位符值。 – hungerstar 2014-10-06 13:21:25

你可以用placeholder您输入的标签就像

<input type="text" placeholder="Search the site"/>

来源

2014-09-20 08:57:26

为什么使用'input'标签的'placeholder'属性时不应该使用'value'属性？我认为你的意思是，如果使用'value'属性并设置了一个值，它将覆盖'placeholder'属性的值。如果完全好的话。 – hungerstar 2014-10-03 15:42:10

@hungerstar是啊，如果我们一起使用值和占位符，它将覆盖占位符的值.. :) – 2014-10-03 17:43:28

我的观点是，你可以一起使用它们。你的回答似乎暗示你不应该一起使用它们。这将是不正确的。 – hungerstar 2014-10-03 19:00:49

如何在WordPress中为搜索输入制作占位符

回答

相关问题