[devtools-snippet] add bgrins - Form Control.js

Author: 0xdevalias

devtools-snippets/bgrins - Form Control.js

@@ -0,0 +1,30 @@
+// formcontrols.js
+// https://github.com/bgrins/devtools-snippets
+// Print out forms and their controls
+
+(function() {
+
+  var forms = document.querySelectorAll("form");
+
+  for (var i = 0, len = forms.length; i < len; i++) {
+    var tab = [ ];
+
+    console.group("HTMLForm quot;" + forms[i].name + "quot;: " + forms[i].action);
+    console.log("Element:", forms[i], "\nName:    "+forms[i].name+"\nMethod:  "+forms[i].method.toUpperCase()+"\nAction:  "+forms[i].action || "null");
+
+    ["input", "textarea", "select"].forEach(function (control) {
+      [].forEach.call(forms[i].querySelectorAll(control), function (node) {
+        tab.push({
+          "Element": node,
+          "Type": node.type,
+          "Name": node.name,
+          "Value": node.value,
+          "Pretty Value": (isNaN(node.value) || node.value === "" ? node.value : parseFloat(node.value))
+        });
+      });
+    });
+
+    console.table(tab);
+    console.groupEnd();
+  }
+})();