1 / 20

Starting BBEdit or Notepad and Opening the HTML File

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. <FORM> attributes

azalia-myers
Download Presentation

Starting BBEdit or Notepad and Opening the HTML File

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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-basedquestionnaire

  3. Identifying the Form Process • <FORM> 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 • <FORM> 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. action to be takenwhen submitted determines how data is sent Identifying the Form Process <FORM METHOD=POST ACTION=“mailto:ahs@isp.com”>

  6. Identifying the Form Process • Click line 9 and press the ENTER key • Type <FORM METHOD=POST ACTION=“mailto:ahs@isp.com”> and press the ENTER key • Click the blank line just above the </BODY> tag (line 26) and press the ENTER key • Type </FORM> 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 unnecessarytext 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. value of field if“Yes” is selected field name control type Field name –must be the samefor radio buttons value of field if“No” is selected Adding Radio Buttons

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

  13. inserted code Adding Radio Buttons

  14. Number ofcharacters thatdisplay on Web page maximum numberof characters thatcan be input control type field name Adding a Text Field

  15. Adding a Text Field Add the outlined HTML startingon line 24. Press the ENTER key twice after the </P> tag

  16. numberof columns endtextarea numberof rows start textarea field name Adding Textareas

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

  18. inserted code Adding Textareas

  19. text todisplay onSubmit button control type control type text todisplay onReset button Submit and Reset Buttons

  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

More Related