In Field Labels

Description

This plugin turns properly formatted html forms into in-field labels.
This is integration with the https://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

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>

Reviews

Contributors & Developers

Changelog

1.0

• Initial release of the In Field Labels plugin