- Understanding Forms
- Creating a Form
- Inserting Form Objects
- Modifying Text Fields and Text Areas
- Modifying Radio Buttons and Check Boxes
- Modifying Lists and Menus
- Modifying Buttons
- Inserting an Image Button
- Making Form Objects Dynamic
- Using Tables to Control Forms
- Validating Forms
- Creating and Editing a Jump Menu
- Viewing Example Code for Forms
This chapter is from the book
Modifying Text Fields and Text Areas
A text field consists of one line or multiple lines used to enter small distinct amounts of data or information, such as your name or address. You can also use a text field to create a password field that hides the text the user enters. A text area is a large text field commonly used to enter large amounts of data or information, such as comments. After you create a text field or text area, you can use the Properties panel to set or change options for the form objects.
Work with Text Field and Text Area Properties
- Select a text input field or text area within a form document.
- Open the Properties panel.
- Select from the following text field or text area options:
- Char Width. Enter the maximum number of characters that can be displayed in the field.
- Max Chars. Enter the maximum number of characters that can be entered in the field for single-line text fields.
- Num Lines. Enter the height of the field for multiple-line text fields.
- Wrap. Determines how the user’s input will be displayed when the user enters more information than can be displayed within the defined text area.
- Off. Prevents text from wrapping to the next line.
- Virtual. Sets word wrap in the text area.
- Physical. Sets word wrap in the text area, as well as to the data when it is submitted for processing.
- Type. Designates the field as a single-line, multiple-line, or password field.
- Single-line. Selecting to cause the Char Width and Max Chars settings to map to a single line with defined boundaries.
- Password. Select to create a password field (information typed into the field appears as asterisks or dots).
- Multi-line. Select to create a multi-line field.
- Init Value. Enter an initial value that displays when the field first loads.
- Class. Click to apply CSS rules to the object directly or through a CSS Style sheet.