HTML Forms Crash Course: from Zero to Hero Step by Step Guide (in Sinhala)
Learn HTML Forms Crash Course: From Zero to Hero Ultimate guide (in Sinhala)
HTML Beginner playlist : • HTML Beginner Tutorials Sinhala
CSS Beginner playlist : • CSS Beginner tutorials Sinhala
CSS Mastering playlist : • Mastering CSS techniques Sinhala
JavaScript Beginner playlist : • Javascript Beginner tutorials Sinhala
JavaScript Mastering playlist : • Mastering Javascript Sinhala
CSS Flexbox playlist : • CSS Flexbox Tutorials Sinhala
CSS Grid playlist : • CSS Grid Tutorials Sinhala
Mastering JavaScript playlist : • Mastering Javascript Sinhala
Complete website build : • Build a complete Website HTML CSS Javascri...
Responsive websites playlist : • Responsive websites by using HTML & CSS fr...
Visual Studio Code editor : • Visual Studio Code Tutorial and Live Serve...
Source code : https://raw.githubusercontent.com/MCo...
Welcome to MCodes Frontend YouTube channel. As a passionate senior frontend developer my mission is to give you a better understanding of frontend technologies like HTML , CSS and UI, UX concepts
🌐 ABOUT THIS VIDEO
This video will explain html forms form tag input tags, text areas, date pickers, select tags, radio buttons, checkboxes, range selections and many more.
⏱️ Timestamps,
00:00 - Intro
01:07 - project setup
01:30 - form tag
01:40 - input text tag
02:10 - label tag
03:52 - submit button
04:29 - form action
05:00 - get method
08:33 - post method
09:01 - autocomplete attribute
11:32 - reset button
11:55 - input date picker
14:42 - date & time picker
15:11 - input type telephone number
16:06 - input type web url
16:30 - input type email
16:46 - dropdown boxes
19:30 - address box textarea
20:24 - radio button
23:45 - checkboxes
25:32 - input type password
26:42 - input type range
27:55 - input type number
29:20 - form validations required
30:43 - disable fields
31:08 - Wrap up
34:36 - Outro
Hope you have enjoyed this video. Please leave a comment 😎
Please don't forget to Like the video, subscribe to the channel and press the bell icon as well 🙂 🙂
🌐 Related tags
#javascript #css #webdevelopment