Using Components > Creating forms using components > Planning the form |
![]() ![]() ![]() |
Planning the form
You should determine the following criteria before you begin building a form:
![]() |
Which elements your form needs |
![]() |
What data each form element displays and gathers |
![]() |
Where each user interface element appears in the form |
![]() |
How the user will navigate the form |
Once you have determined the elements in your form, you can develop a data model to gather and store the data. The gathered data is displayed in the form and enables form elements as the user navigates through the form. When the user submits the form, the data is transmitted to a database.
The following table lays out all of the code elements used in the FormExample.fla, including the functions they perform and the ActionScript elements they reference in the code. This table is an aid for examining the code in the in the sections that follow it, and an example of how to plan and organize forms you create.
Form element |
Function of element |
ActionScript reference |
---|---|---|
Page 1 |
Gather user information |
|
Name input field |
Gather user name |
|
Gender radio buttons |
Gather gender info |
|
City drop-down list |
Gather city info |
|
Next button |
Take user to page two |
|
Page 2 |
Gather interest information |
|
Information request check box |
Enable interest list menu and flag user for more info |
|
Interest list menu |
Gather interest data |
|
Next button |
Take user to page three |
|
Previous button |
Return user to page one |
|
Page 3 |
Display user and interest information |
|
Title - static text |
Display "Finished" message |
N/A |
Name - dynamic text |
Display user name |
|
Gender - dynamic text |
Display Gender radio button selection |
|
City - dynamic text |
Display City combo box selection |
|
Interests - dynamic text |
Display Interest list menu selection |
|
Previous button |
Return user to page two |
|
![]() ![]() ![]() |