Pass through extra props to the form tag [#153268151]

Signed-off-by: Ming Xiao <mxiao@pivotal.io>

spec/pivotal-ui-react/form/form_spec.js

@@ -852,4 +852,17 @@ describe('Form', () => {
       expect($('.grid:eq(0) .col:eq(0) input').val()).toEqual('some-name');
     });
   });
+
+  describe('when passed extra props', () => {
+    beforeEach(() => {
+      ReactDOM.render(
+        <Form {...{className: 'some-form', id: 'some-id', name: 'some-name', method: 'some-method'}} />, root);
+    });
+
+    it('passes them to the form tag', () => {
+      expect('.some-form').toHaveAttr('id', 'some-id');
+      expect('.some-form').toHaveAttr('name', 'some-name');
+      expect('.some-form').toHaveAttr('method', 'some-method');
+    });
+  });
 });

src/react/forms/form.js

@@ -169,7 +169,7 @@ export class Form extends React.Component {
   }
 
   render() {
-    const {className, children} = this.props;
+    const {className, children, onSubmit, resetOnSubmit, onModified, onSubmitError, afterSubmit, ...other} = this.props;
     const {submitting} = this.state;
     const filteredChildren = React.Children.toArray(children).filter(child => {
       const childIsFormRow = child.type === FormRow || child.type.prototype instanceof FormRow;
@@ -180,7 +180,7 @@ export class Form extends React.Component {
     });
 
     return (
-      <form {...{className: classnames('form', className), onSubmit: this.onSubmit}}>
+      <form {...{className: classnames('form', className), onSubmit: this.onSubmit, ...other}}>
         <fieldset {...{disabled: submitting}}>
           {filteredChildren.map((formRow, key) => (
             React.cloneElement(formRow, {