Very different structure than the CSS in my current form. Each line looks like this and uses an unordered list.
<li class="formItem">
<div class="formGroup">
<div class="lineGroup">
<div class="fullColumnGroup">
<div class="errorGroup">
<div class="fieldPair">
<div class="fieldGroup">
<span id="sanitizeCode_Spry">
<span>
<input id="sanitizeCode" name="sanitizeCode" type="text" value="<?php echo((isset($_GET["invalid"])?ValidatedField("sanCode","sanitizeCode"):"")); ?>" class="formTextfield_Medium" onBlur="hideServerError('sanitizeCode_ServerError');">
<label for="sanitizeCode" class="sublabel" >sanitizeCode:<span class="requiredIndicator"> *</span></label>
<span class="textfieldInvalidFormatMsg">Invalid format.</span><span class="textfieldRequiredMsg">Please enter a value.</span>
</span>
</span>
<?php
if (ValidatedField('sanCode','sanCode')) {
if ((strpos((",".ValidatedField("sanCode","sanCode").","), "," . "2" . ",") !== false || "2" == "")) {
if (!(false)) {
?><span class="serverInvalidState" id="sanitizeCode_ServerError">Please enter a value.</span><?php //WAFV_Conditional sanCode.php holIns(2:)
}
}
}?>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
This code is 'thick' and complicated, sometimes I wonder why we don't still use tables for forms. ;) They worked and forms are tabular in nature.
Anyway, I have made many a CSS form and they didn't require anywhere near as much code as that....