Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

Add a Buttonless Search Form in WordPress

CMDR Mitchcraft

Reading time: 1 minute

I love search forms.  But sometimes, designs call for forms to be placed in a tight space to save room for other elements or where buttons may look out of place.  If that’s the case, then you can add a special box that will allow users to search with the enter key (or the Done key on the iPhone).

Here’s the code:

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<input type="text" placeholder="Search" name="s" id="s" />
<input type="hidden" id="searchsubmit" />
</form>

This drops in a stylable input field that has no button – all the user has to do is enter the text and hit enter or the done button – simple as that.

You can also style by applying CSS styling to “#s”

, ,
  • WordPress Heartbeat API: An Introduction

    WordPress Heartbeat API: An Introduction

    Reading time: 2 minutes

    If I were to mention to a casual WordPress user something about the WordPress Heartbeat API, most would have never even heard of it, much less know that it’s been in WordPress since version 3.6(!) with very little fanfare.  But, as it turns out, the Heartbeat API has gained traction in the developer community, as…

  • 50 Days to a Better WordPress Blog–Day 3: Sharing is Caring

    50 Days to a Better WordPress Blog–Day 3: Sharing is Caring

    Reading time: 3 minutes

    There’s no better feeling than putting the last period on your post. We want to share it on Twitter or Facebook, but is there such a thing as “too much”?