Topic: form label problem

I have a Bible search form but it doesn't meet accessibility standards.
I would like to have the label Search Terms show up in the textarea but I have no idea what I am doing.
Here is the page. The form is in the header.

Any help would be appreciated.

Thanks and may God bless you.

Joshua 24:15 ...but as for me and my house, we will serve the LORD.

Re: form label problem

Labels are for telling screen readers and the like what the input is associated with.  You have <label> tag with a ' for="" ' attribute with corresponds with an ' id="" ' to the input/textarea/field.  Have a look at: http://www.w3schools.com/tags/tag_label.asp

If you want 'search terms' to be in the (now empty) search input that's a 'value'.  So a label-ed and value-ed code would be something like:

<form action="http://www.biblegateway.com/quicksearch/" method="post" target="new">
<h1 class="h1four"><label for="bible_search">Search The Bible</label></h1>
<p><input name="quicksearch" type="text" id="bible_search" value="Search Terms"><br>
<input value="Search BibleGateway.com" style="width: 147px; font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 80%; line-height: normal; font-size-adjust: none; font-stretch: normal;" type="submit"></p>
</form>

Hope that helps!

James Cooper --  God loving, banjo playing, geek!

Re: form label problem

Thank you jpc101,

Sorry for late reply. I am way behind in my email and some forum alerts are buried in there.

May God bless you,
tjustleft.

Joshua 24:15 ...but as for me and my house, we will serve the LORD.