"Custom" WP Search Box

i've been trying implement custom wp search box , i'm bit stuck. use default wp search doesn't suit website design. i'm don't know php or javascript i've been struggling implement this.

want behave expect search box behave. (ie, enter text , press enter)

have attached quick mockup of website header can see want achieve.

default wp code if helps.

code:

 <form action="/" method="get">     <fieldset>         <label for="search">search in <?php echo home_url( '/' ); ?></label>         <input type="text" name="s" id="search" value="<?php the_search_query(); ?>" />         <input type="image" alt="search" src="<?php bloginfo( 'template_url' ); ?>/images/search.png" />     </fieldset> </form> 

 

attached files:

• 

  mock1.jpg

  file size:

  79.4 kb

  views:

  83

don't try , change php, place search form code

code:

<?php get_search_form(); ?>

in new div , style css.

why try , change php, style existing.

 

Forums Special Interests Web Design and Development

• iPhone
• Mac OS & System Software
• iPad
• Apple Watch
• Notebooks
• iTunes
• Apple ID
• iCloud
• Desktop Computers
• Apple Music
• Professional Applications
• iPod
• iWork
• Apple TV
• iLife
• Wireless