► Forms are one of the main places of interaction on the web and are used to collect information through user inputs.
These inputs include email and password fields for entering text, buttons that we can click, dropdown menus, and many more.
There are many things that we can do with forms. They are an essential part of any website and one of the most important web concepts to learn. Google search is a form. Logging in to Facebook and Twitter is done with a form. Entering your payment details for an Amazon order is done with a form.
In this video, we will learn what forms are and where we find them on the web. We will also discuss how forms work and explore the various text-based form fields brought to us by the HTML input element.
Part 2: • Form Inputs - Checkbox, Radio, and Su...
Part 3: • Build an HTML Form From Scratch
► Timestamps:
0:00 Start
1:41 The form element
2:06 Forms out in the wild - Google search
2:55 Login forms
3:13 Uses of forms
4:04 Examining Facebook’s login form with DevTools
6:02 Form attributes - action & method
7:17 GET & POST
9:47 The input element
10:22 Text inputs
11:21 Placeholders
12:22 Email inputs
13:09 Password inputs
13:47 Labels
16:44 Adding labels to inputs
18:00 The maxlength attribute
18:52 Adding more labels
19:34 Nested labels
20:12 Textarea
22:37 Sizing the textarea with attributes
23:09 Summary
► Get the code:
Repo (for all forms videos): https://github.com/craigabourne/html-...
► Links used in the video:
W3Schools HTML Forms: https://www.w3schools.com/html/html_f...
Why You Should Avoid Tables for Web Page Layouts: https://www.lifewire.com/dont-use-tab...
https://www.w3.org/TR/html401/interac... - edef-LABEL
https://code.visualstudio.com/docs/ed...
https://html.com/tags/label/
https://www.netlify.com/
https://developer.mozilla.org/en-US/d...
► The HTML for Absolute Beginners Playlist: • HTML for Absolute Beginners
► Social Media:
/ craigabourne
/ craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Watch video Form Inputs - Text, Email, and Password online without registration, duration hours minute second in high quality. This video was added by user Craig A. Bourne 10 March 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,314 once and liked it 125 people.