The following CFML code creates the form shown in the image in About XML skinnable forms. It shows how you can use CFML to structure your form.

<cfform name="comments" format="xml" skin="basiccss" width="400" preservedata="Yes" >
    <cfinput type="hidden" name="revision" value="12a">
    <cfformgroup type="fieldset" label="Basic Information">
        <cfformgroup type="vertical">
        <cfformgroup type="horizontal" label="Name">
            <cfinput type="text" size="20" name="firstname" required="yes">
            <cfinput type="text" size="25" name="lastname" required="yes">
        </cfformgroup>
        <cfinput type="text" name="email" label="E-mail" validate="email" maxlength="35">
        <cfselect name="satisfaction" style="width:120px" multiple="false" label="Satisfaction">
            <option selected>very satisfied</option>
            <option>somewhat satisfied</option>
            <option>somewhat dissatisfied</option>
            <option>very dissatisfied</option>
            <option>no opinion</option>
        </cfselect>
        </cfformgroup>
     </cfformgroup>
    <cfformitem name="html1" type="html">
    <p><b>We value your input</b>.<br>
    <em>Please tell us a little about yourself and your thoughts.</em></p>
    </cfformitem>
    <cftextarea name="thoughts" label="Additional Comments" rows="5" cols="66">We really want to hear from you!</cftextarea>
    <cfformgroup type="horizontal">
        <cfinput type="submit" name="submit" style="width:80" value="Tell Us">
        <cfinput type="reset" name="reset" style="width:80" value="Clear Fields">
    </cfformgroup>
</cfform>