snippet 2

<!-- .et-top-search -->
<?php if ( $header_vars['output_header_search_field'] ) { ?>
<div class="et-top-search" style="<?php extra_visible_display_css( $header_vars['show_header_search_field'] ); ?>">
    <?php
    $output = sprintf(
        '<form role="search" class="et-search-form wpc-form" method="get" action="%1$s">
        <input type="search" class="et-search-field" placeholder="%2$s" value="%3$s" name="s" title="%4$s" />
        <button class="et-search-submit"></button>
        </form>',
        esc_url( home_url( '/' ) ),
        esc_attr_x( 'Search', 'placeholder', 'extra' ),
        get_search_query(),
        esc_attr_x( 'Search for:', 'label', 'extra' )
    );
    echo $output;
    ?>
</div>
<?php } ?>