May 12, 2024, 7:27 a.m. | Mads Stoumann

DEV Community dev.to

HTML forms are powerful beasts, but I feel a lot of its übercool features are often overlooked.


Typically seen just as tools for data submission, forms offer rich functionalities beyond inputs and validation.





Collections


All the inputs and outputs you put in a form, belongs to it's elements-collection:



  • <button>

  • <fieldset>


  • <input> (except type="image")

  • <output>

  • <select>

  • <textarea>

  • form-associated custom elements


This collection is live, meaning you can add and remove members, and it will be reflected in elements.length. Within …

beyond collection data features form forms hidden html image inputs javascript power tools tutorial type validation webdev

Doctoral Researcher (m/f/div) in Automated Processing of Bioimages

@ Leibniz Institute for Natural Product Research and Infection Biology (Leibniz-HKI) | Jena

Seeking Developers and Engineers for AI T-Shirt Generator Project

@ Chevon Hicks | Remote

Software Engineer for AI Training Data (School Specific)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Python)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Tier 2)

@ G2i Inc | Remote

Manager, Business Intelligence

@ Revlon | New York City, United States