Contact Form Placeholder Stack

Contact Form Placeholder Stack

adds placeholders to your contact forms

This stack makes is possible to populate form input fields in a built in RapidWeaver contact form with example text that disappears on focus. Optionally, you can hide the labels to create a minimalistic, cleaner form.

Bonus: with this stack, you can also remove that useless reset button.

Demo:
see the demo site.

Usage

There’s an extensive manual for this stack. View it online.

Background
This stack is based on the jQuery Form Example Plugin 1.6.0. by Paul Mucur and uses the jQuery Extra Selectors plugin by Keith Clark to make the CSS for hiding the labels work in older versions of Internet Explorer.

Limitations
  • When the visitor has JavaScript disabled in his browser, the stack will not work.
  • At present, this stack supports a maximum of 8 form items. If you want to use it on bigger forms, just let me know. With enough interest, I’ll be happy to increase that number.
  • This stack works in recent versions of all major browsers, including Internet Explorer 7 and newer. It is supposed even to work in Internet Explorer 6, but I didn’t bother to test that.
  • At present, this stack can not be combined with the Contact Form Populator stack!

Support
Please use this form to report all issues, questions and comments.

This stack requires both the Stacks plugin (version 2 or higher) and the PlusKit Plugin by YourHead.
Contact Form Placeholder HUD
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
© 2012-2017 Marathia Web Design | Contact