In Field Labels

Plugin Banner

In Field Labels

by Dipali Dhole

Download
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>

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
  1. Add form id's in the backend separated with comma.

    Add form id's in the backend separated with comma.

  2. form looks like in the front end.

    form looks like in the front end.

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>

1.0

  • Initial release of the In Field Labels plugin
Back to top