Skip to content

ENGINEERING LEADER

WordPress Developer

Speaker

Unapologetic Punk

Mitch Canter

  • Threads
  • Instagram
  • Bluesky
  • LinkedIn
  • GitHub
  • YouTube
WordPress

Add a Buttonless Search Form in WordPress

Mitch Canter

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”

no button, search box, WordPress
  • WordPress: A Future of Many Flavors?

    WordPress: A Future of Many Flavors?

    Reading time: 6 minutes

    If you’ve been following along in the WordPress space lately, you’ll know that there’s a lot of discussion around WordPress – not of code, nor of content, but of how the software itself is managed. To put it simply, there are three parties involved: Matt Mullenweg, who the founder of both the WordPress Foundation and…

    Open Source, WordPress
  • How to Add Rainbow Text To WordPress

    How to Add Rainbow Text To WordPress

    Reading time: 1 minute

    I’ve been tinkering with the theme on this website, and I’m been very happy with how things have come out. I have a soft spot for gradients, especially with the ‘punk’ color scheme I’ve been using on my branding. One question I get, consistently: “How can I achieve the rainbow gradient text effect”? It’s actually…

    Design, Tutorial, WordPress
  • Home
  • About
  • Speaking
  • Articles
  • Contact