This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

In Field Labels

Description

This plugin turns properly formatted html forms into in-field labels.
This is integration with the http://fuelyourcoding.com/scripts/infield/
when the input field is focussed then label fade & entry begins in input field then label text disappered.
When clearing the field the label text reappears.

Html form format as below

<form id="test" method="post" >
<p>
  <label for="field_id">Label Text</label><br />
  <input type="text" name="field_id" value="" id="field_id" placeholder="">
</p>
</form>

Screenshots

  • Add form id's in the backend separated with comma.
  • form looks like in the front end.

Installation

Installing the In Field Labels plugin is very easy. Simply follow the steps below.

  1. Extract the package to obtain the in-field-labels folder
  2. Upload the in-field-labels folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Configure the settings according to your needs through the Settings > In Field Labels menu
  5. Add form id (not including # sign) separated with comma( like commentform,test ) in the ‘In Field Labels’ section

FAQ

What will be the html form formats

Simple format of html forms

<form id="test" method="post" >
<p>
  <label for="field_id">Label Text</label><br />
  <input type="text" name="field_id" value="" id="field_id" placeholder="">
</p>
</form>

Contributors & Developers

“In Field Labels” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • Initial release of the In Field Labels plugin