form-controls

A cross-browser helper for retrieving all controls in a form

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
form-controls
011.0.07 years ago7 years agoMinified + gzip package size for form-controls in KB

Readme

form-controls
npm version npm dependencies npm dev dependencies build status
A helper for retrieving all of the controls for a given root element.

Usage

<form id="my-form">
    <input type="hidden" name="id" value="123456">
    <input type="text" name="username" value="dominicbarnes">
    <input type="url" name="website" value="http://dbarnes.info/">
</form>

var controls = require('form-controls');
var el = document.querySelector('#my-form');

controls(el);
// => [
//     <input type="hidden" name="id" value="123456">,
//     <input type="text" name="username" value="dominicbarnes">,
//     <input type="url" name="website" value="http://dbarnes.info/">
// ]

API

controls(root)

Returns an Array of HTMLElement that represent the listed controls for the root element.
It is recommended that you use either a <form> or <fieldset> as the root, as there is already a DOM API for this operation. However, other arbitrary elements are supported, mostly because I needed a "brute-force" fallback for when IE doesn't work anyways.