How to Style Your Web-to-Record Form

When a web-to-record form script is embedded into your website page, the displayed web-to-record form attempts to use font settings from the surrounding page. Therefore, all you need to do is set the font for your page.

The browser typically uses the Times New Roman font if no specific font is defined.

If you keep a web page in the database resources and need to set specific font settings, you can add the following <style> to the <head> tag of your HTML code, for example:

<style>

dt {
    font-weight: bold;
}

body, button, input, option, select, table, textarea {
    font-family: Verdana, Geneva, Sans-Serif;
    line-height: 16px;
    font-size: 12px;
 }
</style>

In this example, the Verdana, Geneva, Sans-Serif font family is used for the web-to-record form, and field names are displayed in bold. You can see the result in the following screenshot:

Web to record form sample