jimpriest edited this page Jul 21, 2012 · 20 revisions

Introducing cfUniform

cfUniForm is a library of custom tags and other related assets that is based upon the "Uni-Form":http://sprawsm.com/uni-form/ markup by Dragan Babic. cfUniForm delivers the best of both worlds:

  1. Standards-compliant (XHTML Strict) form markup that is consistent across all common browsers.
  2. Build your forms by writing ColdFusion, and not (x)HTML/CSS.

Getting Started

STEPS TO USE cfUniform TAGS

Step 1. Load the uform tags

<cfimport taglib="/tags/forms/cfUniForm" prefix="uform" />

Step 2: Open the form

<uform:form action="myAction.cfm" method="post" id="myForm">

Step 3: Add the form elements (see "cfUniform Tags" below)

Step 4: Close the form

</uform:form>
SIMPLE EXAMPLE
<cfimport taglib="/tags/forms/cfUniForm" prefix="uform" />
<uform:form action="myAction.cfm" method="post" id="myForm">
<uform:fieldset legend="Required Fields" class="inlineLabels">
<uform:field label="Email Address" name="emailAddress" isRequired="true" type="text" value="" hint="Note: Your email is your username.  Use a valid email address."  />
<uform:field label="Choose Password" name="password" isRequired="true" type="password" value=""  />
<uform:field label="Re-enter Password" name="password2" isRequired="true" type="password" value=""  />
</uform:fieldset>
</uform:form>

cfUniform Tags

  • Checkbox
  • CountryCodes
  • Field
  • Fieldset
  • Form
  • Option
  • Radio
  • States-can
  • States-us

Demos & Info

Frequently Asked Questions

Additional Credits

Uni-Form XHTML Markup & CSS

Integrated jQuery Plugins:

Supported Third-Party Libraries:

Contributors

Clone this wiki locally
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.