Let’s Make An E-Mail Form! Bonney Armstrong GD 444 Westwood College February 9, 2005.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Empowering the Education Community to Improve Student Performance through the Intelligent Use of Practical Data EdGate Training: Part 3 - SchoolNotes.
Lecture 6/2/12. Forms and PHP The PHP $_GET and $_POST variables are used to retrieve information from forms, like user input When dealing with HTML forms.
1 Configuring Internet- related services (April 22, 2015) © Abdou Illia, Spring 2015.
Supplement Creating Forms. Objectives Show how forms are used How to create the Form element HTML elements used for creating input fields.
Using KompoZer -- a web editor A collection of video tutorials
JavaScript Forms Form Validation Cookies CGI Programs.
Creating Web Page Forms. Objectives Describe how Web forms can interact with a server-based program Insert a form into a Web page Create and format a.
Tutorial 6 Working with Web Forms
Gathering Requirements What do users want?. Information Gathering Techniques Surveys Interviews Focus Groups.
USER INTERACTIONS: FORMS
1 CA201 Word Application Collaborating with Others Week # 8 By Tariq Ibn Aziz Dammam Community college.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2006 Microsoft Corporation.
CGI Programming: Part 1. What is CGI? CGI = Common Gateway Interface Provides a standardized way for web browsers to: –Call programs on a server. –Pass.
Creating Web Page Forms
Tutorial 6 Forms Section A - Working with Forms in JavaScript.
File Upload Instructions and Information The File Upload utility is used for transferring files too large to send through the system. How it Works:
Making Your Web Page Interactive with CGI TLN Technology Committee February 16, 1999.
Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Reading Data in Web Pages tMyn1 Reading Data in Web Pages A very common application of PHP is to have an HTML form gather information from a website's.
4-Sep-15 HTML Forms Mrs. Goins Web Design Class. Parts of a Web Form A Form is an area that can contain Form Control/Elements. Each piece of information.
XP Tutorial 6New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Creating Web Page Forms Designing a Product Registration Form Tutorial.
XP Tutorial 6New Perspectives on HTML and XHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
CO1552 Web Application Development HTML Forms. Websites can be made more interactive by providing facilities for users to provide data To get user entered.
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
Forms and Form Controls Chapter What is a Form?
Department of Information Technology e-Michigan Web Development 0 HTML Form Creation in the Vignette Content Management Application.
Chapter 6: Forms JavaScript - Introductory. Previewing the Product Registration Form.
Project Four Forms Discuss form processing Describe the difference between client-side and server-side form processing Add a horizontal rule to a Web page.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Introduction to Programming the WWW I CMSC Summer 2004 Lecture 6.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 7: Web Forms.
HTML Forms. Today’s Lecture We will try to understand the utility of forms on Web pages We will find out about the various components that are used in.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.
Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,
ITCS373: Internet Technology Lecture 5: More HTML.
XHTML & Forms. PHP and the WWW PHP and HTML forms – Forms are the main way users can interact with your PHP scrip Typical usage of the form tag in HTML.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Topics Sending an Multipart message Storing images Getting confirmation Session tracking using PHP Graphics Input Validators Cookies.
1 HTML Forms
1 Building FORMS In When a visitor enters information into a web form displayed in a web browser and clicks the submit button, the information is sent.
Mtivity Client Support System Quick start guide. Mtivity Client Support System We are very pleased to announce the launch of a new Client Support System.
HTLM Forms CS3505. Form Handling in Browser html User Files out form WEbBROWSErWEbBROWSEr User read response submit Get URL?input html Get file html script.
Part 4 Processing and saving data with CGI/Perl Psychological Science on the Internet: Designing Web-Based Experiments From the Ground Up R. Chris Fraley.
Web Page Design Forms! Website Design. Objectives What forms can do The Attributes of the form tag Using Textboxes Textareas Checkboxes Radio buttons.
©SoftMooreSlide 1 Introduction to HTML: Forms ©SoftMooreSlide 2 Forms Forms provide a simple mechanism for collecting user data and submitting it to.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Form Processing Week Four. Form Processing Concepts The principal tool used to process Web forms stored on UNIX servers is a CGI (Common Gateway Interface)
Creating Web Page Forms COE 201- Computer Proficiency.
Testing External Survey Automatic Credit Granting Shepherd University Department of Psychology.
Generators 101 Form Mail LAMP Bubbles & Blanks End of Course Surveys Form Mail LAMP Bubbles & Blanks End of Course Surveys.
HTML Forms. A form is simply an area that can contain form fields. Form fields are objects that allow the visitor to enter information - for example text.
Since you’ll need a place for the user to enter a search query. Every form must have these basic components: – The submission type defined with the method.
FTP COMMANDS OBJECTIVES. General overview. Introduction to FTP server. Types of FTP users. FTP commands examples. FTP commands in action (example of use).
INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.
How To Make Easysite Forms By Joshua Crawley Contact:
XP Tutorial 6New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Creating Web Page Forms Designing a Product Registration Form Tutorial 6.
2440: 141 Web Site Administration Web Forms Instructor: Joseph Nattey.
Training Documentation – Replacing GSPR with RFQ 2.0
Configuring Internet-related services
Presentation transcript:

Let’s Make An Form! Bonney Armstrong GD 444 Westwood College February 9, 2005

Elements In A Feedback Form Their name Their address Their phone number Any comments they might have Any options you might want to include –More information? –Rate something? –Join newsletter?

How The HTML Looks – Getting Started This piece of code uses the POST method It goes between the and tags It refers to a Perl script placed in the CGI or CGI-BIN directory

How The HTML Looks – Hidden Fields The address is where the results will be sent The URL is where the page will redirect to once the information has been submitted via POST method You can specify the subject line of the to be sent Sending along the environment variables can be helpful in troubleshooting

How The HTML Looks – Input Fields Name Telephone Fax Please contact me as soon as possible! There are various elements to a form -,, etc. Give each element a descriptive name (since this will appear in your ) with NO SPACES (underlines are OK) Leave enough room in the elements for users’ data

How The HTML Looks – SUBMIT And RESET Buttons We welcome your feedback! If you have comments, questions, or suggestions, please share them with us. Thanks! Comments: May we contact you?: Name Telephone Fax Please contact me as soon as possible! Don’t forget your SUBMIT and RESET buttons; these are reserved keywords (and keep their layout consistent) Enclose all field coding with a FORM end tag

How The HTML Looks - Complete We welcome your feedback! If you have comments, questions, or suggestions, please share them with us. Thanks! Comments: May we contact you?: Name Telephone Fax Please contact me as soon as possible!

FormMail.pl – Path Variables #!/usr/local/bin/perl ############################################################################## # Define Variables # # Detailed Information Found In README File. # # $mailprog defines the location of your sendmail program on your unix # # system. The flags -i and -t should be passed to sendmail in order to # # have it ignore single dots on a line and to read message for recipients # $mailprog = '/usr/sbin/sendmail -i -t'; Know your path to Perl (your hosting provider or system administrator should know this) Know your path to SENDMAIL (see above) Change only the items in red – leave everything else alone or that is typed behind a # sign Usually the default settings that come with the script are correct for most Linux-based systems

FormMail.pl – Domain And IP Address allows forms to be located only on servers which are defined # # in this field. This security fix from the last version which allowed # # anyone on any server to use your FormMail script on their web site. = ('himblau.com',' '); Again, you will only change the items in red You will put in the name of your domain You will put in the IP address of your domain –If you don’t know your own IP address, open up a command or MS- DOS window, then type “ping yourdomainname.com”, using whatever your domain name is –The IP address will appear in the window; type that number in This prevents other domains or servers using your system to send mail (you get charged for that bandwidth!)

FormMail.pl – Allowed Domain defines the addresses or domain names that can # # be sent to. This must be filled in correctly to prevent SPAM and allow # # valid addresses to receive . Read the documentation to find out how # # this variable works!!! It is EXTREMELY IMPORTANT. = To enable to be sent to any address within your domain, make sure that the recipients variable is set to any recipient at your specified referrer Since you’ve already specified that the referring domain is himblau.com in this case, all sent to will be sent

FormMail.pl – Envelope Information # ACCESS CONTROL FIX: Peter D. Thompson Yezek # allows the sysadmin to define what environment variables can # # be reported via the env_report directive. This was implemented to fix # # the problem reported at = ('REMOTE_HOST','REMOTE_ADDR','REMOTE_USER','HTTP_USER_AGENT'); # Done # ############################################################################## This isn’t necessary, but is a nice-to-have This enables you to put the environment variable information in the capture area of the form and have it passed to you in the response that you will receive And that’s all you have to modify! Leave the rest of the FormMail.pl script alone Copy it into your CGI or CGI-BIN directory Ensure permissions are set to (CHMOD) 755 (Read and Execute)

FormMail.pl – Overview of Edited Area ############################################################################## # Define Variables # # Detailed Information Found In README File. # # $mailprog defines the location of your sendmail program on your unix # # system. The flags -i and -t should be passed to sendmail in order to # # have it ignore single dots on a line and to read message for recipients # $mailprog = '/usr/sbin/sendmail -i -t'; allows forms to be located only on servers which are defined # # in this field. This security fix from the last version which allowed # # anyone on any server to use your FormMail script on their web site. = ('himblau.com',' '); defines the addresses or domain names that can # # be sent to. This must be filled in correctly to prevent SPAM and allow # # valid addresses to receive . Read the documentation to find out how # # this variable works!!! It is EXTREMELY IMPORTANT. = # ACCESS CONTROL FIX: Peter D. Thompson Yezek # allows the sysadmin to define what environment variables can # # be reported via the env_report directive. This was implemented to fix # # the problem reported at = ('REMOTE_HOST','REMOTE_ADDR','REMOTE_USER','HTTP_USER_AGENT'); # Done # ##############################################################################

Putting It All Together Upload your HTML files to the server Ensure your FormMail.pl script is in the right directory and has the right permissions set Ensure the paths are set correctly within the script Make sure you have access to the account you’ll be sending to Test the page and check for your results!