Learn JavaScript

Lesson 2 of 9 · Forms, Storage and Small Apps

Module 15 · Forms, Storage and Small Apps

Every Form, Storage and Date Tool, One by One

Free with an accountReading

Tanvir is building an admission form for a school in Sylhet. Before he writes the whole thing, he wants to know his tools one at a time. What does a radio button give back? Who checks a roll number, the browser or his code? Where does the form's data go, and how long does it stay? How does a date become words a parent can read?

Checking what this lesson needs for you…

What is inside Every Form, Storage and Date Tool, One by One

  1. Text fields and value
  2. Checkboxes, radio buttons and checked
  3. select and its options
  4. valueAsNumber and the empty field
  5. The submit event in full
  6. The input and change events
  7. Validation by hand
  8. The browser's own checks: required, pattern, min and max
  9. checkValidity, validity and setCustomValidity
  10. FormData
  11. URLSearchParams: what a sent form looks like
  12. localStorage, call by call
  13. sessionStorage
  14. JSON in and out of storage
  15. How much fits: the storage limit
  16. Cookies, named and not used
  17. IndexedDB, named
  18. Date: one moment in time
  19. Intl.DateTimeFormat: printing a date for people
  20. Which tool for which job