Sample markup with jQuery UI CSS Framework classes
<form name="myform" method = "post" id = "myform" > <table style=""> <thead> <tr> <th align='left' colspan="2"> <div class="ui-state-default ui-corner-all" style = "padding:6px;" > <span class="ui-icon ui-icon-pencil" style="float:left; margin:-2px 5px 0 0;"></span> Address Details </div> </th> </tr> </thead> <tbody> <tr> <td style="padding-top: 3px"> <label for="myform_name">Name</label> </td> <td style="padding-top: 3px"> <input size = "40" id = "myform_name" name = "name" class = " ui-input ui-widget-content ui-corner-all" type = "text" /> </td> </tr> ... <tr> <td colspan="2"> <div name='newGroup' style = "text-align:right;width:100%;" id = "myform_newGroup" name = "newGroup" > <input value = "Submit" id = "newSubmit" class = "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" type = "submit" /> </div> </td> </tr> </tbody> </table> </form>
Note: This is a sample of markup generated by the jqForm, not markup you should use to create a form.