1. Starting BBEdit or Notepad and Opening the HTML File Start BBEdit or Notepad Select Open from the File Menu Open survey1.htm from the Public Folder

2. survey1.htm text-based questionnaire

3. Identifying the Form Process attributes  METHOD: Specifies the manner in which the form is sent to the server The GET method sends the name-value pairs to the end of the URL indicated in the ACTION attribute The POST method sends a separate data file to the URL  This project will utilize the POST method

4. Identifying the Form Process attributes  ACTION: specifies the action that will be taken when the form is submitted Information can be sent by e-mail to a central e- mail address Information can be sent to the Web server for processing Web sites can process information from forms using Common Gateway Interface (CGI) scripting

5. Identifying the Form Process determines how data is sent action to be taken when submitted

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

7. Identifying the Form Process

8. Changing the Text Message Select 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 new text Highlight lines 17 through 21 and then press the DELETE key

9. Changing the Text Message unnecessary text deleted

10. Adding Radio Buttons Add two sets of radio buttons to allow the visitor to select only one option from a list of options Visitors can select only one item per group  Radio buttons that have the same name belong to the same group

11. Adding Radio Buttons field namecontrol typevalue of field if “Yes” is selected Field name – must be the same for radio buttons value of field if “No” is selected

12. Adding Radio Buttons Add the following HTML, starting on line 17

13. Adding Radio Buttons inserted code

14. Adding a Text Field control typefield nameNumber of characters that display on Web page maximum number of characters that can be input

15. Adding a Text Field Add the outlined HTML starting on line 24. Press the ENTER key twice after the tag

16. Adding Textareas start textareafield namenumber of rows number of columns end textarea

17. Adding Textareas Add the following HTML, starting on line 27

18. Adding Textareas inserted code

19. Submit and Reset Buttons control typetext to display on Submit button control type text to display on Reset button

20. Submit and Reset Button If you specify an e-mail address in the ACTION attribute of the FORM tag, a file like this will be sent to the specified e-mail address