Advanced Search Form

<!-- Advanced Search Form / Kiri Vadivelu / 2026 -->

<form role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">

    <!-- Custom label (for) corresponds to form input (ID)  -->

    <label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-#">Search</label>

    <!-- Group search and visually hidden inputs -->

    <div class="wp-block-search__inside-wrapper">

    <!-- Increase from 1 to 4 characters for form submission -->

    <!-- Receive user search term and apply result filter -->

    <input class="wp-block-search__input" id="wp-block-search__input-#" placeholder="Search..." value="<?php echo get_search_query(); ?>" type="search" name="s" required="" minlength="4"> 

        <!-- Visually hidden inputs for selected categories -->

    <input type="text" class="visually-hidden" name="category_name[]" value="green" />

    <!-- <input type="text" class="visually-hidden" name="category_name[]" value="blue" /> -->

    <!-- Default search button outside the search input -->

    <button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit">Search</button>    

    </div>

</form>