1.5

Table Of Contents
1.
Add an ID (required) and, optionally, a class.
Note
The ID will be copied to the name attribute of the element. The name attribute is
what identifies the field to the receiving server-side script. To change the name,
select the element after inserting it and type the new name on the Attributes pane.
ID's and classes are also useful with regard to variable data (see "Personalizing content"
on page485) and styling (see "Styling templates with CSS files" on page454).
2. Type a label, or choose No label under Style, to omit the label. (For Label elements there
are no other options to be set.)
3. If applicable, choose a style for the label (for the label of a Checkbox, for example, you
can't set a style).
l
Wrap input with label places the input element inside the Label element.
l
Attach label to input ties the label to the input element using the for attribute of
the Label element.
l
Use label as placeholder inserts the given label text in the placeholder attribute of
the field.
l
No style omits the label altogether.
Note
The first two label styles ensure that when the user clicks the label, the input
element gets the focus.
Note
When you add a COTG element to a template that you didn't start with a COTG template wizard,
the Designer will automatically add the jQuery library and the JavaScript file cotg.js, so that the
element works well. The Foundation JavaScript files and style sheets will not be added. You only
get those automatically when you start creating a COTG template with a template wizard.
Page 366