1
00:00:00,870 --> 00:00:07,650
In this section of the course we're going to be creating an input form using HMO a form is used to gather

2
00:00:07,650 --> 00:00:09,210
input from your user.

3
00:00:09,660 --> 00:00:13,990
Forms are the most common method of data collection from Web site visitors.

4
00:00:14,130 --> 00:00:19,580
The data that is input it into the form can be stored into a database or submitted to an email address.

5
00:00:20,720 --> 00:00:26,510
Keep in mind that in order for a form to work and transmit data we need to use a programming language

6
00:00:26,870 --> 00:00:33,770
that communicates with our Web server later in this course we'll be exploring p p and working more with

7
00:00:33,770 --> 00:00:35,600
data processing.

8
00:00:35,600 --> 00:00:41,860
For now in the mail section of this course we'll only be creating the front end of the form.

9
00:00:41,900 --> 00:00:45,680
This is what the user sees through their web browser.

10
00:00:45,690 --> 00:00:49,220
Let's take a look at an example of a basic contact form on the Web.

11
00:00:55,350 --> 00:01:01,740
On this form the user is able to submit an inquiry directly to the Web site's support staff by completing

12
00:01:01,740 --> 00:01:09,940
the required fields for example Name Email Subject and message if we try to submit the form without

13
00:01:09,940 --> 00:01:11,290
filling in any information

14
00:01:14,470 --> 00:01:17,190
we can see a number of errors appear.

15
00:01:17,250 --> 00:01:21,890
This is known as form validation.

16
00:01:21,900 --> 00:01:24,960
Now let's explore how a form is processed.

17
00:01:24,960 --> 00:01:33,760
Once the user clicks the send button first the user completes the form and fills out all the form fields

18
00:01:35,730 --> 00:01:36,210
next.

19
00:01:36,210 --> 00:01:43,780
The data is transmitted to a p script which validates the form validation includes checking to make

20
00:01:43,780 --> 00:01:46,330
sure the data is accurate to a certain degree.

21
00:01:47,440 --> 00:01:53,680
Data Validation is very important and can be done in client side programming languages such as javascript

22
00:01:54,400 --> 00:02:01,670
and also in server side languages such as BHP it's recommended that both are implemented.

23
00:02:01,760 --> 00:02:07,850
Keep in mind that users can disable client side validation by adjusting settings in their web browser

24
00:02:09,120 --> 00:02:13,870
server side validation on the other hand cannot be avoided.

25
00:02:13,950 --> 00:02:17,820
We'll be working with both types of validation techniques later in this course.

26
00:02:21,420 --> 00:02:28,650
Examples of data validation types include checking email address formats checking the length of data

27
00:02:28,680 --> 00:02:37,530
typed into a field for example a minimum amount of characters or maximum amount of characters must be

28
00:02:37,530 --> 00:02:45,720
met in order for form submission or perhaps checking the format of a phone number.

29
00:02:45,720 --> 00:02:53,090
This is not an exhaustive list and there are many different ways that it can be validated once the data

30
00:02:53,090 --> 00:02:55,300
is validated the data is processed.

31
00:02:56,970 --> 00:02:59,320
The data can be input it into a database.

32
00:02:59,520 --> 00:03:06,490
It can be transmitted to an email address or some other form of data processing.

33
00:03:06,570 --> 00:03:13,950
On the other hand if validation fails the user is typically sent back to the contact forum page so corrections

34
00:03:13,950 --> 00:03:18,000
can be made as a reminder.

35
00:03:18,010 --> 00:03:21,720
We'll be working with forum data processing later in this course.

36
00:03:21,910 --> 00:03:26,950
For now we'll begin with developing just the front end of the form using HDMI out.