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

survey1.htm text-based questionnaire

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

Identifying the Form Process attributes  ACTION: specifies the action that will be taken when the form is submitted Information can be sent by 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

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

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

Identifying the Form Process

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

Changing the Text Message unnecessary text deleted

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

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

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

Adding Radio Buttons inserted code

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

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

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

Adding Textareas Add the following HTML, starting on line 27

Adding Textareas inserted code

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

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