1.ValidateBox
The validatebox is designed to validate the form input fields.If users enter invalid values,it will change the background color,display the alarm icon and a tooltip message.The validatebox can integrated with form plugin and will prevent invalid fields from submission.
1 <input id="vv" class="easyui-validatebox" data-options="required:true,validType:‘email‘">
2.TextBox
The TextBox component is a enhanced input field that allows users build their form easily. It is the base component for building other complex components such as combo,datebox,spinner,etc.
1 <input class="easyui-textbox" data-options="iconCls:‘icon-search‘" style="width:300px">
3.DateBox
The datebox combines a editable text box with drop-down calendar panel that allows the user to select a date. The entered string in the text box can be transformed to a valid date. The selected date can also be formatted as expected.
1 <input id="dd" type="text" class="easyui-datebox" required="required">
4.DateTimeBox
Similar to the datebox, the datetimebox allows the user to select a date and a time to display the date and time with specified format. It adds a timespinner component to the drop-down panel.
1 <input class="easyui-datetimebox" name="birthday" 2 data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">
5.ToolTip
When a user move the mouse pointer over an element, a tooltip message window appears to display additional information. The tooltip content can contain any html elements that come from the page or via ajax.
1 <a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>