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

Published: 22 January 2021
on channel: Code Range

105,030

1.8k

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): https://juthikashetye.github.io/Code-...

2. Forms - 1 (Code): https://github.com/juthikashetye/Code...

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

Recommended Resources:

1. MDN Web docs (Your First Form) - https://developer.mozilla.org/en-US/d...

2. MDN Web docs (Form element) - https://developer.mozilla.org/en-US/d...

3. W3 Schools (HTML Forms) - https://www.w3schools.com/html/html_f...

On this page of the site you can watch the video online [HTML-Tutorial-19] Basic Form | form, input, label, button elements | Web Development for Beginners with a duration of hours minute second in good quality, which was uploaded by the user Code Range 22 January 2021, share the link with friends and acquaintances, this video has already been watched 105,030 times on youtube and it was liked by 1.8 thousand viewers. Enjoy your viewing!