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

Veröffentlicht am: 22 Januar 2021
auf dem Kanal: 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...

Auf dieser Seite können Sie das Online-Video [HTML-Tutorial-19] Basic Form | form, input, label, button elements | Web Development for Beginners mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Code Range 22 Januar 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 105,030 Mal angesehen und es wurde von 1.8 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!