Over a million developers have joined DZone.

HTML/JSP Disabled Form Field's Strange Behavior

This post will show you how to generate disabled field behavior for any of the input fields in HTML. Read on to learn more.

· Web Dev Zone

Start coding today to experience the powerful engine that drives data application’s development, brought to you in partnership with Qlik.

Disabled Form Fields of HTML Will Not Get the Values (Null) After Submitting the Form

Using the code below for the input form fields in HTML will generate the disabled field. The disabled field is the one which is not editable, not focusable, won’t get tab navigation, and can’t select the field. We can apply this attribute on all input fields, buttons, select box, etc. 

Please see the code below:

<input type=”text” name=”accountNumber” value=”123455” disabled=”disabled”   />

This will generate the disabled text field where we are unable to edit and select the field.

Characteristics of Disabled Form Fields

  1. Disabled form field cannot be focusable, i.e., you cannot focus the field. 
  2. Disabled fields are non-editable.
  3. Disabled fields will not be submitted when submission of the form happens or when we click on the Submit button.
  4. Disabled fields will give null values after submitting the form where you are getting the values (it may be struts action class in case of struts or servlet class in case of servlets).
  5. We can modify the values of disabled fields only through JavaScript at the client side.

How to Get Disabled Behavior for Any of the Input Fields and Get the Non-null Values After Form Submission

  1. Make the field readOnly instead of disabled  by putting the attribute as readonly=”readonly” for html fields and readOnly=”true” for struts JSP fields.
  2. Prepare the CSS with the color of disabled fields (i.e. gray color), and apply the CSS to the fields which you made as readonly. Now the field is uneditable because of the readonly attribute and looks like the disabled field because of the CSS applied.

Characteristics of readonly Fields

  1. Fields are not editable through the screen.
  2. Fields can be modified through JavaScript code at client side.
  3. Fields can be Focusable.
  4. Fields can be selectable.
  5. Tab navigation is possible on the fields.
  6. Values can be submitted after form submission.
  7. There are no null values after form submission whenever the field contains values while submitting.

This will solve the issue with disabled fields used in the view layer for a specific purpose and will help to get the disabled behavior.

For other posts please visit my blog : Journey Towards Java


Create data driven applications in Qlik’s free and easy to use coding environment, brought to you in partnership with Qlik.

Topics:
html ,jsp ,java

Published at DZone with permission of Shidram Jyoti. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}