7.1

<legend id="cGeneralLegend">
<span id="cGeneralLegendLabel">General</span>
</legend>
<div>
<div id="fcUserNameLine">
<span id="fcUserNameLabel">
User name:<span>*</span>
</span>
<span>
<input type="text" value="pp" name="fcUserName"
id="fcUserNameField"/>
</span>
</div>
<div id="fcPersonCodeLine">
<span id="fcPersonCodeLabel">Person code:</span>
<span>
<input type="text" value="" name="fcPersonCode"
id="fcPersonCodeField"/>
</span>
</div>
</div>
</fieldset>
</div>
</form>
</div>
The <form> tag is used to process the information entered by the user. The contents of the <form> tag are captured by a
<div> with a unique id.
Form head
The first content element is the form header. In the default skin the information in this tag is used to visually group the ele-
ments in the form.
.formHeader {
display: block;
width: 100%;
background-color: <? generateSkinMainColor(); ?>;
color: #FFFFFF;
padding: 2px;
font-weight: bold;
}
Form lines
Each line in an edit form is enclosed by a <div> tag. This element has an unique id and a Formline class. Normally each line
contains two child elements: a label and a field. The form fields can be of various types, for example: plain text input, a pull
©2010 Objectif Lune Inc - 236 -