You can design form fields and forms with HTML and CSS in the usual way. Make the necessary adjustments in the template.
tt_content.mailform.20.layout = <tr> <td>###LABEL###</td><td></td> <td>###FIELD###</td> </tr> tt_content.mailform.20.params = class="formular" tt_content.mailform.20.stdWrap.wrap = <table border="1"><i> | </i></table>
Use the Layout
property to define the basic task of a form line. Both the ###LABEL###
and the ###FIELD###
markers have to be put in place for this; they will be replaced with the appropriate form fields when the form is being generated. There are tables to configure the form elements.
You can assign attributes to the form elements with the params
property. This is generally used to insert CSS classes.
Before you finish the template, you need to decide what the final output should look like. In this example, the characters are displayed in italics and inside a table.