Home > Administrative Offices > Information Technology > Web Services > VSU Web Services Guides > Creating forms with Expression Web 3
Creating Forms with Expression Web 3 - Part 2
Previous: Part 1 - Setting Up Your Form Page
Part 2 - Inserting form fields, buttons, etc.
In this part we will insert form fields, buttons, drop-down menus, textareas, etc. These are the parts of the form that allow user input.
Step 1
Put your cursor in the first row, second column. This should be in the column next to the column that says "Name:"
Step 2
From the Form Controls Menu, right click Input (Text) and select insert. A text input box will appear in the first row, second column section. This is an example of a text field for short amounts of information (like names or email addresses).
Right click on Input (Text) and select Insert from the toolbox.
You should now have a text field in the first row, second column.
Step 3
Go to the second row, second column and insert another Input (Text) by repeating step 2. This will be next to the row that says "Email" in it.
Step 4
Go to the third row, second column.
Highlight over the * in front of “Student.”
Go to the Form Controls Menu, right click Input (Radio) and select insert.
Repeat this step for the rest of the radio buttons (in this example, in front of “Faculty” and “Staff”).
Notice that the * is highlighted in front of Student.
With the * still highlighted, right click Input (Radio) and click Insert.
Repeat the step to place radio buttons in front of "Faculty" and "Staff."
Step 5
Go to the fourth row, second column. Put your cursor in a line underneath “Undergrad.” Go to the Form Controls Menu, right click Drop-Down Box and select insert.
With your cursor underneath "Undergrad" in the form, right click Drop-Down Box and select Insert.
Step 6
Go to the fifth row, second column. Go to the Form Controls Menu, right click Text Area and select insert.
With your cursor in the fifth row, second column of your table, right click Text Area and select insert.
Step 7
Go to the last row, second column. Highlight “Submit” with your cursor. Go to the Form Controls Menu, right click Submit (Input) and select insert.
With the text "submit" highlighted, right click Input (Submit) and select Insert.
Step 8
Go to the last row, second column. Highlight “Reset” with your cursor. Go to the Form Controls Menu, right click Reset (Input) and select insert.
With the text "reset" highlighted, right click Input (Reset) and select Insert.
Step 9
Check your form to make sure that you have not left out any fields, radio buttons, drop-down boxes, or text areas.
Go to Part 3 - Inserting form names and values