Example: CFML for a skinnable XML form

The following CFML code creates the form shown in the figure 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>