In-field Labels Plugin Not Working

I am trying to use the In-field labels plugin on the contact form of my webpage, but the script is not working (the in-field labels don't appear). Also my form has positioning prob

Solution 1:

I see you used the following code for textarea :

<textarea name="message"id="message" value="Message"></textarea>

but

<textarea id="mytxtarea"></textarea>

has no value property. if you want to add text within textarea then try with this

<textarea name="message"id="message">Message</textarea>

Solution 2:

You need to get rid of the values of all inputs for this to work. They should be value="".

Using IE 9 Developer Tool, I see that you have the following CSS showing up for the <p> tag around the input fields:

body#contact.content#middle#right-col#formp {

left: -300px;
top: 22px;
color: #aaaaaa;
position:relative;

}

Get rid of that -300px. In IE it pushes the input fields off the form.

Edit: Okay, I think I've fixed it! Get rid of the left: -300px; offset for the <p> elements and add a clear: both; to the fieldset element. I tested it in IE and FF and it seemed to work just fine.