starting bbedit or notepad and opening the html file start bbedit or notepad select open from the...
TRANSCRIPT
![Page 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/1.jpg)
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
![Page 2: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/2.jpg)
survey1.htmsurvey1.htm
text-basedquestionnaire
![Page 3: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/3.jpg)
Identifying the Form ProcessIdentifying 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
![Page 4: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/4.jpg)
Identifying the Form ProcessIdentifying 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
![Page 5: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/5.jpg)
Identifying the Form ProcessIdentifying the Form Process
<FORM METHOD=POST ACTION=“mailto:[email protected]”>
determines how data is sent
action to be takenwhen submitted
![Page 6: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/6.jpg)
Identifying the Form ProcessIdentifying the Form Process
• Click line 9 and press the ENTER key
• Type <FORM METHOD=POST ACTION=“mailto:[email protected]”> 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
![Page 7: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/7.jpg)
Identifying the Form ProcessIdentifying the Form Process
![Page 8: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/8.jpg)
Changing the Text MessageChanging 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
![Page 9: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/9.jpg)
Changing the Text MessageChanging the Text Message
unnecessarytext deleted
![Page 10: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/10.jpg)
Adding Radio ButtonsAdding 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
![Page 11: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/11.jpg)
Adding Radio ButtonsAdding Radio Buttons
field name control typevalue of field if
“Yes” is selected
Field name –must be the samefor radio buttons
value of field if“No” is selected
![Page 12: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/12.jpg)
Adding Radio ButtonsAdding Radio Buttons
• Add the following HTML, starting on line 17
![Page 13: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/13.jpg)
Adding Radio ButtonsAdding Radio Buttons
inserted code
![Page 14: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/14.jpg)
Adding a Text FieldAdding a Text Field
control typefield name
Number ofcharacters that
display on Web page
maximum numberof characters that
can be input
![Page 15: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/15.jpg)
Adding a Text FieldAdding a Text FieldAdd the outlined HTML starting
on line 24. Press the ENTERkey twice after the </P> tag
![Page 16: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/16.jpg)
Adding TextareasAdding Textareas
start textarea field namenumberof rows
numberof columns
endtextarea
![Page 17: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/17.jpg)
Adding TextareasAdding Textareas
• Add the following HTML, starting on line 27
![Page 18: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/18.jpg)
Adding TextareasAdding Textareas
inserted code
![Page 19: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/19.jpg)
Submit and Reset ButtonsSubmit and Reset Buttons
control type
text todisplay on
Submit button
control type text todisplay on
Reset button
![Page 20: 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](https://reader036.vdocuments.us/reader036/viewer/2022082713/5697bfe91a28abf838cb6f94/html5/thumbnails/20.jpg)
Submit and Reset ButtonSubmit 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