beautypg.com

Text field object properties – Adobe Dreamweaver CC 2015 User Manual

Page 629

background image

622

Dynamic sites, pages and web forms

Last updated 6/3/2015

f.(Optional) In the Target pop-up menu, specify the window in which to display the data returned by the invoked
program.

If the named window is not already open, a new window with that name opens. Set any of the following target values:

_blank

Opens the destination document in a new unnamed window.

_parent

Opens the destination document in the parent window of the one displaying the current document.

_self

Opens the destination document in the same window as the one in which the form was submitted.

_top

Opens the destination document in the body of the current window. This value can be used to ensure that the

destination document takes over the full window even if the original document was displayed in a frame.

4

Insert form objects in the page:

a.Place the insertion point where the form object should appear in the form.

b.the object in the Insert > Form menu, or in the Forms category of the Insert panel.

c.Complete the Input Tag Accessibility Attributes dialog box. For more information, click the Help button in the
dialog box.

Note: If you don’t see the Input Tag Accessibility Attributes dialog box, you might have had the Insertion point in Code
view when you tried to insert the form object. Make sure the Insertion point is in Design view and try again. For more
information on this topic, see David Powers’s article

Creating HTML forms in Dreamweaver

.

d.Set the properties of the objects.

e.Enter a name for the object in the Property inspector.

Every text field, hidden field, check box, and list/menu object must have a unique name that identifies the object in
the form. Form object names cannot contain spaces or special characters. You can use any combination of
alphanumeric characters and an underscore (_). The label you assign to the object is the variable name that stores
the value (the entered data) of the field. This is the value sent to the server for processing.

Note: All radio buttons in a group must have the same name.

f.To label the text field, check box, or radio button object on the page, click beside the object and type the label.

5

Adjust the layout of the form.

Use line breaks, paragraph breaks, preformatted text, or tables to format your forms. You cannot insert a form in
another form (that is, you cannot overlap tags), but you can include more than one form in a page.

When designing forms, remember to label the form fields with descriptive text to let users know what they’re
responding to—for example, “Type your name” to request name information.

Use tables to provide structure for form objects and field labels. When using tables in forms make sure all the table
tags are included between the form tags.

For a tutorial on creating forms, see

www.adobe.com/go/vid0160

.

For a tutorial on styling forms with CSS, see

www.adobe.com/go/vid0161

.

Text Field object properties

Select the text field object, and set any of the following options in the Property inspector:

Char Width

Specifies the maximum number of characters that can be displayed in the field. This number can be less

than Max Chars, which specifies the maximum number of characters that can be entered in the field. For example, if