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-Range-Demos/basicform.html
2. Forms – 1 (Code): https://github.com/juthikashetye/Code-Range-Demos/blob/master/basicform.html
3. Link to all Demos: https://juthikashetye.github.io/Code-Range-Demos/
Recommended Resources:
1. MDN Web docs (Your First Form) – https://developer.mozilla.org/en-US/docs/Learn/Forms/Your_first_form
2. MDN Web docs (Form element) – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form
3. W3 Schools (HTML Forms) – https://www.w3schools.com/html/html_forms.asp
