Web Forms - Build & Master HTML Web forms In 2025
An advanced Web Forms course for everyone! Master URL encoding, form elements, GET vs POST, form validation and more
4.53 (289 reviews)
2 650
students
22 hours
content
Apr 2025
last update
$84.99
regular price
What you will learn
Why web forms are the MONEY PAGES of websites
Build web forms from scratch with pure native HTML, CSS and JavaScript
Learn how to use AJAX to submit form data to a server
Learn about HTTP and how it relates to HTML
Tons of practical examples and fun challenges to make learning easy
Learn how to send form data to a web server
Master client-side validation by using both HTML and JavaScript
Understand how to create custom error messages with the ConstraintValidation
Practical examples - build many dynamic front-end forms with me
I am here to support you and bring you to the next level, step-by-step
Learn how to extract form key:value pairs using the URLSearchParams() API
Have fun mastering advanced front-end website development
Design and create forms to get the response you desire, be successful
Understand the CSS Box Model, the CSS Grid and pseudo classes and pseudo elements
Learn about the different form controls available
Master the <input> types like text, password, email, tel, color, date, number and more!
Master non <input> form controls like textarea, output, progress & meter bars, and more!
Learn why the browser implement URL Encoding when a user submits a form
Understand URL encoding
Understand how a server receives data from a form
Learn how to start a PHP server and receive form data (real example)
Learn how to start a Node server and receive form data (real example)
Understand why a user can type international characters into your form even though URL encoding specifies it has to be ASCII characters
Learn how to build envied forms with elements like <datalist> and <select>
Learn how to view HTTP request header and body information
Learn about the <form> attributes (such as action, method, autocomplete, novalidate, enctype, REL, and more)
Understand why a GET request appends the form data to the URL
Learn why the browser appends the form data to the body of the HTTP request on a POST request
Doing help learning and we work through lots of examples together
Understand multipart/form-data and why do you need it when uploading files
Understand the difference between radio buttons and checkboxes
Understand how to listen for events on form controls (such as the input or change event)
Build dropdown controls, progress bars, meter bars, and a whole bunch more
Learn how to listen for different types of events, such as submit, input, change, etc.
Understand the ACTION and METHOD attributes
Understand the accept-charset (ISO vs ASCII) attribute
Learn about Numerical Character References
Easily master the original <input> types (such as password, text, hidden and more)
Learn how to build functional forms using <fieldset>, <legend> and <inputs>
Learn the 2 ways to create submit buttons on forms
Be an expert on the newer <input> types like email, search, tel, number, date and more!
FUN CHALLENGES throughout the course (where we build custom toggles, checkboxes, color pickers and more)
From beginner to expert (advanced +)
Gain the knowledge to achieve and lead
Gives you depth of knowledge to boost your ability and confidence
Course Gallery
Loading charts...
Related Topics
3491366
udemy ID
11/09/2020
course created date
28/06/2021
course indexed date
Bot
course submited by