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

Опубликовано: 06 Март 2025
на канале: Code Range

99,260

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...