Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There.

Similar presentations


Presentation on theme: "Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There."— Presentation transcript:

1 Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There are four types of selection menus

2 Creating a Form with Selection Menus simple selection menu SIZE set to 3 multiple choice – two choices selected one choice selected as default

3 Opening the HTML File Got to the Public Folder Open survey2.htm in Notepad or BBEdit

4 Current survey2.htm File

5 Future survey2.htm File

6 Identifying the Form Process Click line 9 and press the ENTER key Type and then press the ENTER key Click the blank line just above the tag (line 28) and press the ENTER key Type as the tag

7 Changing the Initial Text Highlight lines 14 and 15 and then press the DELETE key With the insertion point on line 14, type and send your responses to the Reunion Committee by using the Submit button below. as the text. Highlight lines 17 through 23 and then press the DELETE key

8 Changing the Initial Text unnecessary text deleted

9 Adding Radio Buttons to the Second Form Add the following HTML, starting on line 17

10 Adding Radio Buttons to the Second Form radio buttons specified

11 Creating Selection Controls start select menu field name start option end option

12 Creating Selection Controls Add the following HTML, starting on line 21

13 Adding a Selection Menu three options

14 Adding More Radio Buttons and a Selection Menu Add the following HTML, starting on line 28

15 Adding More Radio Buttons and a Selection Menu

16 Inserting a Text Field Click line 38 and press the ENTER key Type What will you be willing to pay per person (cash bar not included)? $ and then press the ENTER key Type and then press the ENTER key twice

17 Inserting a Text Field

18 Adding the Submit and Reset Buttons If necessary, click line 42 Type and press the ENTER key

19 Adding the Submit and Reset Buttons

20 Saving the HTML File Save the file with survey2.htm as the file name

21 Viewing the HTML File In the Browser Start your browser Open up the file and Test it

22 Printing the Web Page Click the Print button on the Standard Buttons toolbar

23 Printing the HTML File Click the Notepad button on the Taskbar Click File on the menu bar and then click Print

24 Testing the Submit Buttons In survey1.htm and survey2.htm:  Enter your address (instead of as the form’s ACTION  Enter values in all controls  Test the Submit button to make sure you receive an with the name-value pairs attached

25 Advanced Selection Menus simple selection menu SIZE set to 3 multiple choice – two choices selected one choice selected as default

26 Advanced Selection Menus

27 Summary Define terms related to forms Describe the different form controls and their uses Use the tag Create radio buttons Create a text field Create a textarea field

28 Summary Use the tag Create a selection menu Insert options into a selection menu Create a Submit button Create a Reset button

29 What You Should Know

30 Project 6 Complete


Download ppt "Creating a Form with Selection Menus The SELECT control creates a selection menu This control only allows the visitor to choose pre-defined choices There."

Similar presentations


Ads by Google