[HTML-Tutorial-19] Basic Form | form, input, label, button elements | Web Development for Beginners

Create a basic sign up form using the HTML form elements like form, label, input & button. Also learn about using different input types like text, email & submit.
Learn about getting client-side validation for free using the input types & the required attribute.
Also learn how to create suggestions or placeholders inside your input boxes. And how to pre-populate your form fields with values.

- - - Contents Of The Video - - - -

00:00 - Intro & Use of Forms
01:08 - Intro to a basic sign up form
01:32 - form element
01:57 - label element
02:18 - input element with name attribute
03:39 - button element
04:41 - Connecting label & input
05:59 - type attribute
08:25 - required attribute
09:06 - placeholder attribute
09:51 - value attribute
10:52 - About Next Tutorial & Wrap up

- - - Interesting Links - - - -

Code Links:

1. Forms - 1 (Web Page): juthikashetye.github.io/Code-Range-Demos/basicform…

2. Forms - 1 (Code): github.com/juthikashetye/Code-Range-Demos/blob/mas…

3. Link to all Demos: juthikashetye.github.io/Code-Range-Demos/

Recommended Resources:

1. MDN Web docs (Your First Form) - developer.mozilla.org/en-US/docs/Learn/Forms/Your_…

2. MDN Web docs (Form element) - developer.mozilla.org/en-US/docs/Web/HTML/Element/…

3. W3 Schools (HTML Forms) - www.w3schools.com/html/html_forms.asp