Basic
All Types
Customized
All Types
All Types
Customized
Customized
All Types
Customized
cf_sebForm (0.2 Beta 1)
Skin:
carpediem
graybar
panels
plain
tim
First Name
*
:
Last Name
*
:
ColdFusion Source:
<cf_sebForm formname="myForm"> <cf_sebField type="text" fieldname="fName" label="First Name" length="50" required="true"> <cf_sebField type="text" fieldname="lName" label="Last Name" length="50" required="true"> <cf_sebField type="submit" label="Save"> </cf_sebForm>
HTML Source:
<div class=" sebForm-skin-plain"><div id="sebForm" class="sebFormat-table"> <form name="myForm" id="myForm" class="seb sebform" action="/cftags/examples/index.cfm?" method="post"><input type="hidden" name="sebformsubmit" value="79417206148B574B7E0198EB5C8843B9"/> <input type="hidden" name="pkfield" value=""/> <table border="0" cellspacing="0" cellpadding="3" class="sebFormTable"> <tr id="row-fName"><td valign="top" class="label"><label id="lbl-fName" for="fName" class="sebform">First Name<span class="sebReq">*</span>:</label></td><td valign="top"><input type="text" id="fName" name="fName" value="" class="text" title="First Name" size="50" maxlength="50" required><div class="sebHelp"></div><div class="sebValidation"></div></td></tr> <tr id="row-lName"><td valign="top" class="label"><label id="lbl-lName" for="lName" class="sebform">Last Name<span class="sebReq">*</span>:</label></td><td valign="top"><input type="text" id="lName" name="lName" value="" class="text" title="Last Name" size="50" maxlength="50" required><div class="sebHelp"></div><div class="sebValidation"></div></td></tr> <tr id="row-sebsubmit1"><td valign="top" class="label"></td><td valign="top"><div class="sebSubmitBar"><input type="submit" value="Save" id="sebsubmit1" id="sebsubmit1" value="" class="submit" title="Save"/></div><div class="sebHelp"></div><div class="sebValidation"></div></td></tr> </table></form></div></div> <script language="JavaScript" type="text/javascript">function seb_addEvent(obj, evType, fn) {if (obj.addEventListener) {obj.addEventListener(evType, fn, true);return true;} else if (obj.attachEvent){var r = obj.attachEvent("on"+evType, fn);return r;} else {return false;}} function seb_addEventToId(id, evType, fn) {seb_addEvent(document.getElementById(id), evType, fn);} function seb_setStyleById(i, p, v) {var n = document.getElementById(i);if (n) { n.style[p] = v; }} jsmyForm = new qForm("myForm");</script>