#Forms
Collecting and validating user input.
16 notes tagged
Project: Registration, Login and Contact Forms
Three forms that cover almost every input type, validation pattern and accessibility requirement you will meet in real work.
Project: A Product Page
An image gallery, a specification list, a quantity form and structured data. The page where hidden fields, tables and forms all have to be right at on...
Forms and JavaScript
Read values, submit without a page reload, validate with the built in API, and handle errors accessibly. All of it built on a real form element.
GET or POST: What Happens When a Form Is Submitted
Two methods, two very different places for your data. Learn which to use, what is safe in a URL, and why neither is encrypted on its own.
Built In Form Validation
The browser can check most of a form before it is sent, with no JavaScript. Learn the attributes, the CSS hooks, and why none of it replaces server va...
Buttons: submit, reset and button
Three button types, one attribute, and a default that causes more accidental submissions than any other rule in HTML.
textarea, File Uploads and Hidden Fields
Three controls with their own rules: a textarea whose value is its content, a file input that needs the right enctype, and hidden fields that are not...
select, option, optgroup and datalist
Dropdowns done properly: grouping options, multiple selection, the placeholder option trick, and when a datalist beats a select.