1 00:00:00,000 --> 00:00:09,000 Welcome again to this new video. 2 00:00:09,000 --> 00:00:13,150 The next few minutes are dedicated to creating forms. 3 00:00:13,150 --> 00:00:20,130 HTML forms are one of the main points of interaction between the user and a website. 4 00:00:20,130 --> 00:00:26,850 They allow users to send different type of data from website dated that most of the time is 5 00:00:26,850 --> 00:00:27,620 Cento, 6 00:00:27,620 --> 00:00:31,450 a Web server that has the function to receive and manage data. 7 00:00:31,450 --> 00:00:35,680 An HTML form can be made off text fields, 8 00:00:35,680 --> 00:00:36,750 buttons, 9 00:00:36,750 --> 00:00:38,150 select boxes, 10 00:00:38,150 --> 00:00:41,150 check boxes or radio buttons. 11 00:00:41,150 --> 00:00:49,070 The main difference between HTML form and the simple HTML document is that the most of the 12 00:00:49,070 --> 00:00:53,160 time the data collected by the form is sent to a Web server. 13 00:00:53,160 --> 00:01:01,450 Like I said previously in that guy's unit set up Web server to receive and process the data 14 00:01:01,450 --> 00:01:01,450 . 15 00:01:01,450 --> 00:01:07,590 The proposed off this video is not to set up a Web server. 16 00:01:07,590 --> 00:01:12,750 It's to learn out to create different types of farms using text fields, 17 00:01:12,750 --> 00:01:16,650 submit buttons and radio buttons, 18 00:01:16,650 --> 00:01:24,250 starting with the coat that helps you understand better out to create the farm. 19 00:01:24,250 --> 00:01:32,940 The HTML form always start with Fordham Tech that represents a document section that 20 00:01:32,940 --> 00:01:40,650 contains interactive controls to submit information to a Web server inside start and 21 00:01:40,650 --> 00:01:46,480 closing form Tech is where we we insert the different elements. 22 00:01:46,480 --> 00:01:56,320 The most popular element is the HTML input element that is used to create interactive 23 00:01:56,320 --> 00:02:02,050 controls for Web based forms in order to accept data from the user, 24 00:02:02,050 --> 00:02:06,520 There are different types off input elements like text fields, 25 00:02:06,520 --> 00:02:07,730 radio buttons, 26 00:02:07,730 --> 00:02:09,970 check boxes and others. 27 00:02:09,970 --> 00:02:18,090 The first example to show uses two types off elements text fields to receive information 28 00:02:18,090 --> 00:02:19,850 and a submit button. 29 00:02:19,850 --> 00:02:22,570 Start writing my coat. 30 00:02:22,570 --> 00:02:27,060 I create the start and end off section using the tech form. 31 00:02:27,060 --> 00:02:32,900 The next step is to add the elements off the farm, 32 00:02:32,900 --> 00:02:39,800 inserting input tech that there's an attribute called Type that receives the type off 33 00:02:39,800 --> 00:02:42,410 elements in disguise. 34 00:02:42,410 --> 00:02:44,960 I want a text field to rights, 35 00:02:44,960 --> 00:02:48,450 so this element receives a value text. 36 00:02:48,450 --> 00:02:56,400 The next afterward is the attribute name that I used to receive the name by which the value 37 00:02:56,400 --> 00:03:01,260 in certain on the text field will be recognized for disguise. 38 00:03:01,260 --> 00:03:03,510 I give the name attribute, 39 00:03:03,510 --> 00:03:05,250 value my name. 40 00:03:05,250 --> 00:03:14,450 The last action is right name before input tech to appears the steps before the insert text 41 00:03:14,450 --> 00:03:18,460 field making an overview. 42 00:03:18,460 --> 00:03:28,000 First i f an input element that is from type text and we'll receive a value that will be 43 00:03:28,000 --> 00:03:33,610 recognized as my name in the browser is visible. 44 00:03:33,610 --> 00:03:34,900 This in Patel Mint, 45 00:03:34,900 --> 00:03:44,370 where we can write texts now it's time to create another similar element that receives the 46 00:03:44,370 --> 00:03:46,150 age instead of name. 47 00:03:46,150 --> 00:03:54,210 Just got beat the previous coat and now right age before input Tech and changed the name 48 00:03:54,210 --> 00:03:57,450 attribute to my age to be recognized. 49 00:03:57,450 --> 00:03:59,350 Now with this new name, 50 00:03:59,350 --> 00:04:07,180 the less change to Mike is changed the type for him next to number because now in this 51 00:04:07,180 --> 00:04:07,490 field, 52 00:04:07,490 --> 00:04:16,620 I want to receive an age that is represented by a number to submit Now this farm we to 53 00:04:16,620 --> 00:04:19,590 feels I have to put any put button. 54 00:04:19,590 --> 00:04:25,880 I have to change the type from text to submit because now I have to submit information 55 00:04:25,880 --> 00:04:31,390 required This input element as a value after route that receives debts, 56 00:04:31,390 --> 00:04:34,070 death submit button shows. 57 00:04:34,070 --> 00:04:38,250 I just want that appears text submit into button. 58 00:04:38,250 --> 00:04:47,120 The browser show was now this tree input elements first receives text, 59 00:04:47,120 --> 00:04:53,550 other numbers and for last one to confirm the inserted data, 60 00:04:53,550 --> 00:05:00,040 you can see that the second field that receives numbers as arrows to increase and decrease 61 00:05:00,040 --> 00:05:02,450 the number that you put on the field. 62 00:05:02,450 --> 00:05:10,050 This situation is only possible because the field was defined as number and not text. 63 00:05:10,050 --> 00:05:17,940 The final detail is address that you can see on the top off the page, 64 00:05:17,940 --> 00:05:24,740 where you see denying attribute that I defined as my name and my age that are now receiving 65 00:05:24,740 --> 00:05:28,950 the information that I write in the two fields. 66 00:05:28,950 --> 00:05:33,010 My name received information wish and my age. 67 00:05:33,010 --> 00:05:35,060 The number 35. 68 00:05:35,060 --> 00:05:40,950 This is a clever waited into fight information that has been submitted in the farm.