Question

I need to remove the search button which is normally placed on the right side of the search form and enter default text that appears inside the search form like the one, here on stackoverflow. I just want the text inside the search form to be a little lighter as well. BTW i am using the toolbox wordpress theme but anyways heres the code.

<div id="search" class="widget widget_search">
<?php get_search_form(); ?>
</div>

I have taken a snapshot of the code in search.php, heres the link
https://i.stack.imgur.com/HreJI.png

And heres the css:

#searchform label {
display: none;
}

#searchform input#s {
width: 150px;
}

input[type=text],

input#s {
margin: 0 1em 0 0;
width: 60%;
}

textarea {
width: 80%;
}

#search {
float: right;
margin-top: -98px;
margin-right: 22px;
}

Answer 1

The search button can be hidden by simply changing its CSS properties to the following:

#search {
    display: none;
}

As for placeholder text, you would have to use Javascript or HTML5 in order for that to work, like detailed at this website.

EDIT

Based on the form not being quite organized the way the question suggested, just change the CSS above to:

#searchsubmit {
    display: none;
}