用户输入未显示在搜索表单中

Question

I have a free form search that I moved from my main content to my header. Once I moved the form into the header the text inside of it stopped showing. The placeholder works but when you begin typing it is completely blank. The search and the functionality work perfectly, I just cannot see what I am typing. Any ideas?

<form class="search" action="/all-results/" method="get">
    <fieldset>
        <span class="text"><input name="searchProducts" value="All" type="hidden">
        <input type="hidden" name="search_selection" value="all">
        <input name="byString" id="s" type="text"  value="" placeholder="<?php echo __('Search','Avada'); ?>" /></span>
    </fieldset>

    <form  name="input" action="/all-results/" method="get"> 
        <input type="submit" id="search_button" value="Search">
    </form>
</form>

Answer 1

Your HTML is invalid. You can not nest a <form> element inside another <form>. Messing up forms and tables are two of the best ways to produces peculiar browser behaviour, so my guess is that this is your problem.

If you correct your HTML (validate it!) and the problem persists, then post a minimal HTML page with CSS so that there is something for us to debug.