This post explains implementing datatables server side processing in java. Check out Datatables with Spring MVC example from my previous blogs to understand in details. In this post I will be explaining server side processing on datatables, that is loading data on demand in datatable using AJAX. Continue reading “Datatables server side processing in Java”
Category: HTML
Simple validation in javascript.
Hello Friends,
This is one of the simple code example for validation in javascript. By using the following code, we can make certain input field as a mandatory i.e. one cannot proceed until and unless there is certain value in the required field. In this example we use the simple login screen where we are making the field Username as mandatory. Continue reading “Simple validation in javascript.”
HTML Hidden Fields.
Hello Friends,
I welcome you to my tutorial for hidden field. This control enables a developer to store a non-displayed value in the rendered HTML of the page. The Hidden Field control is used to store a value that needs to be persisted across multiple postbacks to the server. Hidden fields are similar to text fields, with one very important difference. The difference is that the hidden field does not show on the page. Therefore the visitor can’t type anything into a hidden field, which leads to the purpose of the field, to submit information that is not entered by the visitor.
A hidden HTML field is used to pass along variables without values from one form to another page without forcing the user to re-enter the information. For example, in the case of form submission it may be required that certain information has to be submitted each time the form is submitted. And the information to be submitted is common all the time, then in this case it must be the concern of the developer to make that field Hidden since the developer knows its value and the user need not to fill the field all the time.
When dealing with forms you will usually find yourself using some sort of database mechanism such as MySQL, SQL Server, Oracle or maybe just a plain text file. In such cases use hidden fields in your form to pass along information to your database that you may have already been received from the user or you know the exact value to be submitted.
Consider the following code:
|
1 2 3 4 5 6 |
; html-script: true ]<form action="NiksPage2.html" method="POST"> Name :<input size="25" type="text" value="Enter your name here!" /> Email :<input size="25" type="text" value="Enter your email here!" /> <input name="Language" type="hidden" value="English" /> <input type="submit" value="Submit" /></div> </form> |
Here in this case the form contains three fields, among them only two fields are visible. But when the form is submitted the values from three fields will be stored into database. Since I know that the language for all the users will be English, I’ve made that field hidden and saved that value along with othre data from the form.
The visual output for the above code will be as follows:
And the main advantage of this is that it can be used in all the HTML supported scripting languages such as PhP, ASP ,JSP etc.
Thanks,
Nikhil Naoghare.
Form tag in HTML
In HTML form tag <form> is used to send the request to the server or for taking user input. The main purpose of the form tag is to handle the data. Everytime we interact with the server, or vice versa, the form tag is responsible for the communication between the two ends. Form tag holds the data from one end and transfers it to another end. If in html, user wants to navigate from one page to another with the current status to be saved or to submit some information or data onto another page then form tag is helpful.
Various attributes can be associated with the form tag. following are some of them.
1) Required Attributes.
The action attribute is the required attribute for any form tag. This attribute tells the form tag, where to navigate or save the contents when action is taken. Here action may differ from the requirement. For example in case where form tag uses submit button then action will be taken when this button is clicked.
2) Optional Attributes:
Following are some of the optional attributes.
3) Standard Attributes.
4)Event Attributes.
Hope this tutorial will help you understand the form tag more clearly.
Thanks,
Nikhil Naoghare.