如何在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中爲搜索輸入製作佔位符

回答

相關問題