RSForm!Pro - Label as default value


Tutorials - Tutorials

User Rating: / 0
Label as default value

This is particularly useful when there is a limited space available for a form. You can set the actual name of the field or a example value, so the user can better understand what he/she has to fill in. There are 2 methods available for implementing this:

    1. Using a default value for the field and Javascript
      • Add First Name* in the Default Value property of your textbox field.
      • Add the following script in the Additional attributes property of your textbox field.
  onfocus="if (this.value=='First Name*') this.value='';" onblur="if (this.value=='') this.value='First Name*';"  

The script will need to be placed in the Additional attributes property of your textbox field.

Using this script will cause the default value upon clicking inside the field to disappear. If nothing is filled the original value will be reverted. If this field is set to be required, it will display a validation error.

    1. Using the default HTML placeholder property

Simply add placeholder="First Name*" in the Additional Attributes area of your textbox field. This will display First Name* in the text box until at least one character is typed in. Clearing the field will return it to it's original state.

Please consult the HTML reference on the placeholder property for more information on this topic.

About Us

Royal Developer Top three Web Designing and Web Development Company in Dehradun, Uttarakhand, India. Royal Developer Best SEO Company in Dehradun takes pride in its philosophy of 'Employee First' which empowers to create a real value for the customers. Royal Developer can offer Best and cheap Website Development Software Development & SEO Services. We are the Best service Provider of SEO, SEM, SMO Services Company in Uttarakhand. Web Designing Course in Dehradun, Web Designing Classes in Dehradun, Web Design Training Institute in Dehradun, Web designing institute in dehradun, Best institute for web designing in dehradun, Web development training in dehradun, Web development course in dehradun, Web Designing Training in Dehradun.


- Contact Information - 

Add : RDIT Services Pvt Ltd, 3rd Floor, RGM Plaza, Above Chandu Canteen,
          23 Chakrata Road, Dehradun - 248001, Uttarakhand, India

Email : 


 : +91 8171200108, +91 8979462451,
                                  +91 7895753921

Quick Enquiry Form

Enter your full name

Enter your valid email address

Enter your correct mobile number

Invalid Input

Your Message
Invalid Input

Enter Code
Enter Code
  RefreshInvalid Input


You are here: Home Tutorials RSForm!Pro - Label as default value