[pcpro17]

Hello folks! I'm working on customizing a search form on my site; very simple; one text field. However, I'm having a little trouble getting the field value to deault to something like, "Enter Search Text Here."

Here's the form:

<div class="searchform">
  <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <input type="text" value="<?php the_search_query(); ?>" name="wpsearchform" id="wpsearchform" />
  </form>
</div>

I seem to remember doing this years ago with JavaScript, but for the life of me I can't remember how it's done now! ^_^;; Any suggestions would be greatly appreciated!

[Big-K]

that code is correct, you might want to make sure that the information you're putting in the value field actually exists. try loading the page then looking in the generated code to make sure. Also, i notice you have an unneeded / before the end of your action tag.

[pcpro17]

Hi Big. Yes, I understand that the code I already posted is correct; I copied it out of the WordPress theme that I am modifying. I would like to add some code to it, so that when the page is rendered something like "Enter Search Text Here" is loaded into the field by default.

[Big-K]

ah, change value="<?php the_search_query(); ?>" to value="Enter Search Text Here", if you want that. I don't know wordpress well, so that might screw with something else, but its worth a try.

[MMJ]

onfocus="if (this.value == 'Enter Search Text Here') this.value = '';"

[pcpro17]

This issue is now resolved:

<div class="search">
  <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <input class="search" type="text" onFocus="this.value=''" onBlur="this.value='Search...'" value="Search..." name="s" id="s" />
  </form>
</div>

Thanks everyone for the help!