Adding form elements to cHTML and iHTML pages


    cHTML supports forms so viewers of your site can interact with your pages. The information your viewers send with the form must be processed by a Common Gateway Interface (CGI) script on the host server. Talk with your Web hosting provider to set up your CGI functions. Most of the HTML form elements are supported, but be sure to test your form on all the devices you want to reach. (See Creating Forms and Adding different elements to a form.)

    Note: Make sure you've configured the Objects palette correctly before dragging form icons from it. (See Configuring the Objects palette for cHTML/iHTML.)

To add form elements:

  1. Drag the Form icon from the Form set in the Objects palette to your page. All other form elements should be within this container. See Setting up the form element.
  2. Drag other form icons from the Form set in the Objects palette to your page, and configure their Inspectors.
  3. As you add form elements to cHTML pages, keep the following tips in mind:

    • Set the visible attribute of text fields to fit within the Phone screen. Usually it's safe to set the visible attribute to 15.
    • For form text fields, add the istyle attribute to specify the allowed input type, rather than relying on your users to change it on their phones. You can quickly set the istyle attribute in the Outline Editor by choosing it from the <input> tag's attribute pop-up menu. Japanese is the default when you don't specific istyle. Set istyle to 1 for full-width Japanese Kana. Set istyle to 2 for half-width Japanese Kana. Set istyle to 3 for half-width roman alphanumeric characters (English). Set istyle to 4 for half-width roman numeric characters (English).
    • To allow users to quickly select an option using their keypads, set the access option in the Inspector for that element. Generally you'll set a number from 1-9. Also remember to label the option with the access key number.