2.2

PrintShop Web Skinning Guide | 33
Edit forms
A form is an area that can contain form fields. Form fields are objects that allow the visitor to enter
information - for example text boxes, drop-down menus or radio buttons. When the visitor clicks a
submit or save button, the content of the form is sent to PSW.
The Edit User Info form
The following sample shows a stripped down source code of an edit form. Like the overview pages all
elements are surrounded by a content <div> tag. The first child of this tag is the <form> tag.
<div id="content">
<form method='POST' name='personEditInfoForm' action='site.php?
formid=person_edit_info_form' id="personEditInfoForm">
<div id="personEditInfoFormContent" class="content">
<div class="formHeader" id="cEditUserInfoHeader">Edit user info</div>
<!-- Static information -->
<div class="formLine" id="fcUserNameLine">
<span class="formLabel" id="fcUserNameLabel">User name:</span>
<span class="formStatic" id="fcUserNameField" name="fcUserName">administrator</
span>
</div>
<!-- A regular input form field -->
<div class="formLine" id="fcPasswordLine">
<span class="formLabel" id="fcPasswordLabel">Password: <span class="asterisk">*</
span></span>
<input type="password" class="formField" id="fcPasswordField" name="fcPassword"
value="administrator">