For our page, we'll name this Text Field object name to correspond with the text label in the same row. Char width: Enter a value in this text box to set the width in characters for the Text Field form object. Leaving this field blank sets the default value which is 20. We'll leave ours blank. Max Chars/Num Lines: Enter a value in this text box to set the maximum number of characters that this Text Field form object will accept. This is an excellent value to set when you want to limit a zip code Text Field to 5 characters or an age Text Field to 3 characters max. When working with the Multi-line type of Text Field, the Max Chars text box becomes a Num Lines text box, and you'd set a value in this text box to set the height in character lines for the Multi-line Text Field. We'll leave ours blank, which defaults to no limit. Type: Single line: Choose this radio button to set the Text Field type to a standard single-line Text Field. Type: Multi line: Choose this radio button to set the Text Field type to a multi-line Text Field. You'll use this type when inserting the Problem Description Text Field later in this section. This Text Field type works great for collecting large amounts of data. It also allows the user to perform simple formats such as spaces and line breaks within the Text Field. Type: Password: Choose this radio button to set the Text Field type to a password Text Field. Any text entered in a Text Field that's been assigned the Password type shows as asterisks. Class: When working with CSS, select a class from this menu to set the overall style of the Text Field form object. We'll leave ours blank. Init val: Enter a value in this text box when you want a note or initial value to display in the Text Field form object when the form page is first loaded in the browser. Wrap: Available when the Multi-line type is selected, the Wrap menu provides options for setting how text in the Multi-line Text Field should wrap as the user types. Options include Default, Off, Virtual, and Physical. Selecting Off or Default prevents text from wrapping to the next line. When the user's input exceeds the right boundary of the text area, text scrolls toward the left. Users must press Return or Enter to move the insertion point to the next line in the text area. Selecting Virtual sets word wrap in the text area. When the user's input exceeds the right boundary of the text area, text wraps to the next line automatically. When data is submitted for processing, word wrap isn't applied to the data; data is submitted as one long string. Selecting Physical sets word wrap in the text area, as well as to the data when it is submitted for processing. Now that you have an understanding of the properties associated with Text Fields, let's add a second Text Field form object to handle the collection of the employee's station ID: Place your cursor in the second cell in the second column and click the Text Field icon in the Insert bar. The Text Field form object is inserted into the cell. This time, name your Text Field stationid and set the Max Chars property to 3. We'll assume that everyone in our fictitious company has a three-digit station ID. Finally, we'll add our third Text Field form object using the Textarea icon in the Insert bar. NOTE The Textarea form object is simply a quick way of inserting a Text Field that has the Multi-line type preselected.   Selecting the Textarea icon inserts a new Multi-line Text Field form object in the cell, similar to Figure 9.6. Figure 9.6. Insert a new Multi-line Text Field onto the page. [View full size image]