SubmitButton

A submitbutton format field is the equivalent of <button type="submit">, a 'de luxe' submit button. A regular submit format button uses the input tag -- <input type="submit"> and allows plain buttons modified by CSS. A button created using the button element (implemented in TerraForm using the SubmitButton format) allows any HTML markup to be used in the button caption. For example, you could apply multiple font styles, or add an image to your button.

One word of warning however. In Internet Explorer 6, <button type="submit"> and the submitbutton format cannot be used where choice of buttons controls the action (for example: a form with a ‘Save’ button and a ‘Cancel' button). The reason is that all the button fields get submitted when any one of the buttons is pressed. This is a browser oddity. To test your browser, try submitting the form below, then examine the list of “Form fields received."

All the settings and notes for submit format also apply to submitbutton. See that format for details.

The form below shows examples of a plain field, two fields using captions, and a field with a value. Go ahead and push the buttons. You will return to this page.

Examples

A plain submit button (the caption of the button is the field name):

<cf_terrafield
  name="MySubmitField1"
  format="submitbutton"
/>

MySubmitField1 Please wait . . .

Assign a caption:

<cf_terrafield
  name="MySubmitField2"
  format="submitbutton"
  caption="<strong><em>Push Me!</em></strong>"
/>

Push Me! Please wait . . .

Try an image:

<cf_terrafield
  name="MySubmitField3"
  format="submitbutton"
  caption="<img src=""/terraform/content/images/save.GIF""
    align=""absmiddle""> Save Changes"
/>

Save Changes Please wait . . .

Assign a value:

<cf_terrafield
  name="MySubmitField4"
  format="submitbutton"
  caption="Send order &gt; &gt; &gt;"
  value="SendOrder"
/>

Send order > > > Please wait . . .