How to add a submit button to search?

[bxflow]

This is how my search bar looks:



You can search for whatever you want but to submit the search you must click the "enter" button on your keyboard, I want to add a Submit button/image right next to the search bar so users can click it instead of having to press "Enter"

I tried to add one but didnt see good results.


Here is the code to call the search bar on the header:

<div id="search">
            <form method="post" id="searchform" action="{$baseurl}/index.php" >
                <input type="hidden" name="menu" value="search" />
                <input id="s" class="rounded" type="text" name="query" />
                


            </form>
        </div>

here is the CSS:

/* The Search */


    
#search {
    background:url(images/search.png);
    width:283px;
    padding:5px 0px ;
    margin:10px 0px 0px 0px;
    height:50px;
    display:inline;
}
#search form {
    margin: -5px 0px 0px 300px;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    width:285px;
    margin:10px 0px 0px 0px;
    padding: 5px 5px;
    height:16px;
    border:none;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color:#333;
    border:1px solid #000;
    background:#F3F3F3;
    display:inline;
}
input#searchsubmit{

    padding: 3px 5px;
    display:inline;
    margin:0px 0px 0px 0px;
    height:26px;
    background:#133E68;
    color:#fff;
    border:none;
}

bxflow Reviewed by bxflow on 22nd Jan 2011. How to add a submit button to search? This is how my search bar looks: http://screensnapr.com/e/z5jC87.png You can search for whatever you want but to submit the search you must click the "enter" button on your keyboard, I want to add a Submit button/image right next to the search bar so users can click it instead of having to press "Enter" I tried to add one but didnt see good results. Here is the code to call the search bar on the header: Rating: 5

[bxflow]

2 days later........


anyone?

[desiboy]

<button type="submit" name="search" id="searchbutton">Search</button> 

just above the
</form>

change id to the what ever you want and style it accordingly .

[bxflow]

didnt work, it just removes the search bar entirely

[ajinkya9]

Just add this immediately before </form>

<input type="submit" value="Submit" />

Change the value to search or w/e

[bxflow]

Just add this immediately before </form>

<input type="submit" value="Submit" />

Change the value to search or w/e

Search bar just disappears when that is added

[snowmanrene]

<div id="search">
            <form method="post" id="searchform" action="{$baseurl}/index.php" >
                <input type="hidden" name="menu" value="search" />
                <input id="s" class="rounded" type="text" name="query" />
		<input type="submit" value="search" id="searchsubmit" />

            </form>
        </div>

Just tested it to be sure and it works.

[bxflow]

<div id="search">
            <form method="post" id="searchform" action="{$baseurl}/index.php" >
                <input type="hidden" name="menu" value="search" />
                <input id="s" class="rounded" type="text" name="query" />
        <input type="submit" value="search" id="searchsubmit" />

            </form>
        </div>

Just tested it to be sure and it works.

hm didn't work for me.. all it does is remove the search bar completely

[dermechove]

what is the site.Is it a vbulletin skin or a custom made script.

[bxflow]

is a custom script