diff --git a/docs/examples/.eslintrc b/docs/examples/.eslintrc
index ed5fd65183..86975f07e1 100644
--- a/docs/examples/.eslintrc
+++ b/docs/examples/.eslintrc
@@ -12,6 +12,7 @@
     "Badge",
     "Button",
     "ButtonGroup",
+    "ButtonInput",
     "ButtonToolbar",
     "CollapsibleNav",
     "CollapsibleMixin",
diff --git a/docs/examples/ButtonInput.js b/docs/examples/ButtonInput.js
new file mode 100644
index 0000000000..90811ffef3
--- /dev/null
+++ b/docs/examples/ButtonInput.js
@@ -0,0 +1,44 @@
+const ButtonInputExample = React.createClass({
+  getInitialState() {
+    return {
+      disabled: true,
+      style: ''
+    };
+  },
+
+  resetValidation() {
+    this.setState({
+      disabled: true,
+      style: ''
+    });
+  },
+
+  validationState() {
+    let length = this.refs.input.getValue().length;
+    let style = 'danger';
+
+    if (length > 10) { style = 'success'; }
+    else if (length > 5) { style = 'warning'; }
+
+    let disabled = style !== 'success';
+
+    return { style, disabled };
+  },
+
+  handleChange() {
+    this.setState( this.validationState() );
+  },
+
+  render() {
+    return (
+    <form>
+      <Input type="text" ref="input" onChange={this.handleChange} />
+      <ButtonInput bsSize="small">Child Text</ButtonInput>
+      <ButtonInput type="reset" bsStyle="primary" onClick={this.resetValidation} />
+      <ButtonInput type="submit" value="Submit Your Input" bsStyle={this.state.style} bsSize="large" disabled={this.state.disabled} />
+    </form>
+    );
+  }
+});
+
+React.render(<ButtonInputExample />, mountNode);
diff --git a/docs/examples/InputTypes.js b/docs/examples/InputTypes.js
index 965c6623c1..036f6d6199 100644
--- a/docs/examples/InputTypes.js
+++ b/docs/examples/InputTypes.js
@@ -16,7 +16,9 @@ const inputTypeInstance = (
     </Input>
     <Input type='textarea' label='Text Area' placeholder='textarea' />
     <Input type='static' value='Static Text' />
-    <Input type='submit' value='Submit button' />
+    <ButtonInput value='Button Input' />
+    <ButtonInput type='reset' value='Reset Button' />
+    <ButtonInput type='submit' value='Submit Button' />
   </form>
 );
 
diff --git a/docs/src/ComponentsPage.js b/docs/src/ComponentsPage.js
index 4dc335759a..0353950113 100644
--- a/docs/src/ComponentsPage.js
+++ b/docs/src/ComponentsPage.js
@@ -551,6 +551,9 @@ const ComponentsPage = React.createClass({
                   <h2 id='input-types'>Types</h2>
                   <p>Supports <code>select</code>, <code>textarea</code>, <code>static</code> as well as standard HTML input types. <code>getValue()</code> returns an array for multiple select.</p>
                   <ReactPlayground codeText={Samples.InputTypes} />
+                  <h2 id='button-input-types'>Button Input Types</h2>
+                  <p>Form buttons are encapsulated by <code>ButtonInput</code>. Pass in <code>type="reset"</code> or <code>type="submit"</code> to suit your needs. Styling is the same as <code>Button</code>.</p>
+                  <ReactPlayground codeText={Samples.ButtonInput} />
                   <h2 id='input-addons'>Add-ons</h2>
                   <p>Use <code>addonBefore</code> and <code>addonAfter</code> for normal addons, <code>buttonBefore</code> and <code>buttonAfter</code> for button addons.
                   Exotic configurations may require some css on your side.</p>
diff --git a/docs/src/ReactPlayground.js b/docs/src/ReactPlayground.js
index 1d9152678b..7d2491aa9c 100644
--- a/docs/src/ReactPlayground.js
+++ b/docs/src/ReactPlayground.js
@@ -5,6 +5,7 @@ import * as modAlert from '../../src/Alert';
 import * as modBadge from '../../src/Badge';
 import * as modmodButton from '../../src/Button';
 import * as modButtonGroup from '../../src/ButtonGroup';
+import * as modButtonInput from '../../src/ButtonInput';
 import * as modmodButtonToolbar from '../../src/ButtonToolbar';
 import * as modCollapsibleNav from '../../src/CollapsibleNav';
 import * as modCollapsibleMixin from '../../src/CollapsibleMixin';
@@ -52,6 +53,7 @@ const Alert = modAlert.default;
 const Badge = modBadge.default;
 const Button = modmodButton.default;
 const ButtonGroup = modButtonGroup.default;
+const ButtonInput = modButtonInput.default;
 const ButtonToolbar = modmodButtonToolbar.default;
 const CollapsibleNav = modCollapsibleNav.default;
 const CollapsibleMixin = modCollapsibleMixin.default;
diff --git a/docs/src/Samples.js b/docs/src/Samples.js
index d4821d9d10..82d9c40928 100644
--- a/docs/src/Samples.js
+++ b/docs/src/Samples.js
@@ -83,6 +83,7 @@ export default {
   TableResponsive:               require('fs').readFileSync(__dirname + '/../examples/TableResponsive.js', 'utf8'),
   Input:                         require('fs').readFileSync(__dirname + '/../examples/Input.js', 'utf8'),
   InputTypes:                    require('fs').readFileSync(__dirname + '/../examples/InputTypes.js', 'utf8'),
+  ButtonInput:                   require('fs').readFileSync(__dirname + '/../examples/ButtonInput.js', 'utf8'),
   InputAddons:                   require('fs').readFileSync(__dirname + '/../examples/InputAddons.js', 'utf8'),
   InputSizes:                    require('fs').readFileSync(__dirname + '/../examples/InputSizes.js', 'utf8'),
   InputValidation:               require('fs').readFileSync(__dirname + '/../examples/InputValidation.js', 'utf8'),
diff --git a/src/ButtonInput.js b/src/ButtonInput.js
new file mode 100644
index 0000000000..846d577ed4
--- /dev/null
+++ b/src/ButtonInput.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import Button from './Button';
+import FormGroup from './FormGroup';
+import InputBase from './InputBase';
+
+function valueValidation({children, value}, propName, componentName) {
+  if (children && value) {
+    return new Error('Both value and children cannot be passed to ButtonInput');
+  }
+  return React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number]).call(null, {children, value}, propName, componentName);
+}
+
+class ButtonInput extends InputBase {
+  renderFormGroup(children) {
+    let {bsStyle, value, ...other} = this.props; /* eslint no-unused-vars: 0 object-shorthand: 0 */
+    return <FormGroup {...other}>{children}</FormGroup>;
+  }
+
+  renderInput() {
+    let {children, value, ...other} = this.props;
+    let val = children ? children : value;
+    return <Button {...other} componentClass="input" ref="input" key="input" value={val} />;
+  }
+}
+
+ButtonInput.defaultProps = {
+  type: 'button'
+};
+
+ButtonInput.propTypes = {
+  type: React.PropTypes.oneOf(['button', 'reset', 'submit']),
+  bsStyle(props) {
+    //defer to Button propTypes of bsStyle
+    return null;
+  },
+  children: valueValidation,
+  value: valueValidation
+};
+
+export default ButtonInput;
diff --git a/src/Input.js b/src/Input.js
index d0870481cc..61456c70c3 100644
--- a/src/Input.js
+++ b/src/Input.js
@@ -1,239 +1,19 @@
 import React from 'react';
-import classNames from 'classnames';
-import Button from './Button';
-import FormGroup from './FormGroup';
+import InputBase from './InputBase';
+import ButtonInput from './ButtonInput';
+import deprecationWarning from './utils/deprecationWarning';
 
-class Input extends React.Component {
-  getInputDOMNode() {
-    return React.findDOMNode(this.refs.input);
-  }
-
-  getValue() {
-    if (this.props.type === 'static') {
-      return this.props.value;
-    } else if (this.props.type) {
-      if (this.props.type === 'select' && this.props.multiple) {
-        return this.getSelectedOptions();
-      } else {
-        return this.getInputDOMNode().value;
-      }
-    } else {
-      throw 'Cannot use getValue without specifying input type.';
-    }
-  }
-
-  getChecked() {
-    return this.getInputDOMNode().checked;
-  }
-
-  getSelectedOptions() {
-    let values = [];
-
-    Array.prototype.forEach.call(
-      this.getInputDOMNode().getElementsByTagName('option'),
-      (option) => {
-        if (option.selected) {
-          let value = option.getAttribute('value') || option.innerHtml;
-          values.push(value);
-        }
-      });
-
-    return values;
-  }
-
-  isCheckboxOrRadio() {
-    return this.props.type === 'checkbox' || this.props.type === 'radio';
-  }
-
-  isFile() {
-    return this.props.type === 'file';
-  }
-
-  renderInputGroup(children) {
-    let addonBefore = this.props.addonBefore ? (
-      <span className="input-group-addon" key="addonBefore">
-        {this.props.addonBefore}
-      </span>
-    ) : null;
-
-    let addonAfter = this.props.addonAfter ? (
-      <span className="input-group-addon" key="addonAfter">
-        {this.props.addonAfter}
-      </span>
-    ) : null;
-
-    let buttonBefore = this.props.buttonBefore ? (
-      <span className="input-group-btn">
-        {this.props.buttonBefore}
-      </span>
-    ) : null;
-
-    let buttonAfter = this.props.buttonAfter ? (
-      <span className="input-group-btn">
-        {this.props.buttonAfter}
-      </span>
-    ) : null;
-
-    let inputGroupClassName;
-    switch (this.props.bsSize) {
-      case 'small': inputGroupClassName = 'input-group-sm'; break;
-      case 'large': inputGroupClassName = 'input-group-lg'; break;
-    }
-
-    return addonBefore || addonAfter || buttonBefore || buttonAfter ? (
-      <div className={classNames(inputGroupClassName, 'input-group')} key="input-group">
-        {addonBefore}
-        {buttonBefore}
-        {children}
-        {addonAfter}
-        {buttonAfter}
-      </div>
-    ) : children;
-  }
-
-  renderIcon() {
-    let classes = {
-      'glyphicon': true,
-      'form-control-feedback': true,
-      'glyphicon-ok': this.props.bsStyle === 'success',
-      'glyphicon-warning-sign': this.props.bsStyle === 'warning',
-      'glyphicon-remove': this.props.bsStyle === 'error'
-    };
-
-    return this.props.hasFeedback ? (
-      <span className={classNames(classes)} key="icon" />
-    ) : null;
-  }
+const buttonTypes = ['button', 'reset', 'submit'];
 
-  renderHelp() {
-    return this.props.help ? (
-      <span className="help-block" key="help">
-        {this.props.help}
-      </span>
-    ) : null;
-  }
-
-  renderCheckboxAndRadioWrapper(children) {
-    let classes = {
-      'checkbox': this.props.type === 'checkbox',
-      'radio': this.props.type === 'radio'
-    };
-
-    return (
-      <div className={classNames(classes)} key="checkboxRadioWrapper">
-        {children}
-      </div>
-    );
-  }
-
-  renderWrapper(children) {
-    return this.props.wrapperClassName ? (
-      <div className={this.props.wrapperClassName} key="wrapper">
-        {children}
-      </div>
-    ) : children;
-  }
-
-  renderLabel(children) {
-    let classes = {
-      'control-label': !this.isCheckboxOrRadio()
-    };
-    classes[this.props.labelClassName] = this.props.labelClassName;
-
-    return this.props.label ? (
-      <label htmlFor={this.props.id} className={classNames(classes)} key="label">
-        {children}
-        {this.props.label}
-      </label>
-    ) : children;
-  }
-
-  renderInput() {
-    if (!this.props.type) {
-      return this.props.children;
-    }
-
-    switch (this.props.type) {
-      case 'select':
-        return (
-          <select {...this.props} className={classNames(this.props.className, 'form-control')} ref="input" key="input">
-            {this.props.children}
-          </select>
-        );
-      case 'textarea':
-        return <textarea {...this.props} className={classNames(this.props.className, 'form-control')} ref="input" key="input" />;
-      case 'static':
-        return (
-          <p {...this.props} className={classNames(this.props.className, 'form-control-static')} ref="input" key="input">
-            {this.props.value}
-          </p>
-        );
-      case 'submit':
-        return <Button {...this.props} componentClass="input" ref="input" key="input" />;
-    }
-
-    let className = this.isCheckboxOrRadio() || this.isFile() ? '' : 'form-control';
-    return <input {...this.props} className={classNames(this.props.className, className)} ref="input" key="input" />;
-  }
-
-  renderFormGroup(children) {
-    if (this.props.type === 'submit') {
-      let {bsStyle, ...other} = this.props; /* eslint no-unused-vars: 0 object-shorthand: 0 */
-      return <FormGroup {...other}>{children}</FormGroup>;
+class Input extends InputBase {
+  render() {
+    if (buttonTypes.indexOf(this.props.type) > -1) {
+      deprecationWarning(`Input type=${this.props.type}`, 'ButtonInput');
+      return <ButtonInput {...this.props} />;
     }
 
-    return <FormGroup {...this.props}>{children}</FormGroup>;
-  }
-
-  renderChildren() {
-    return !this.isCheckboxOrRadio() ? [
-      this.renderLabel(),
-      this.renderWrapper([
-        this.renderInputGroup(
-          this.renderInput()
-        ),
-        this.renderIcon(),
-        this.renderHelp()
-      ])
-    ] : this.renderWrapper([
-      this.renderCheckboxAndRadioWrapper(
-        this.renderLabel(
-          this.renderInput()
-        )
-      ),
-      this.renderHelp()
-    ]);
-  }
-
-  render() {
-    let children = this.renderChildren();
-    return this.renderFormGroup(children);
+    return super.render();
   }
 }
 
-Input.propTypes = {
-  type: React.PropTypes.string,
-  label: React.PropTypes.node,
-  help: React.PropTypes.node,
-  addonBefore: React.PropTypes.node,
-  addonAfter: React.PropTypes.node,
-  buttonBefore: React.PropTypes.node,
-  buttonAfter: React.PropTypes.node,
-  bsSize: React.PropTypes.oneOf(['small', 'medium', 'large']),
-  bsStyle(props) {
-    if (props.type === 'submit') {
-      return null;
-    }
-    return React.PropTypes.oneOf(['success', 'warning', 'error']).apply(null, arguments);
-  },
-  hasFeedback: React.PropTypes.bool,
-  id: React.PropTypes.string,
-  groupClassName: React.PropTypes.string,
-  wrapperClassName: React.PropTypes.string,
-  labelClassName: React.PropTypes.string,
-  multiple: React.PropTypes.bool,
-  disabled: React.PropTypes.bool,
-  value: React.PropTypes.any
-};
-
 export default Input;
diff --git a/src/InputBase.js b/src/InputBase.js
new file mode 100644
index 0000000000..c552a7a6ab
--- /dev/null
+++ b/src/InputBase.js
@@ -0,0 +1,226 @@
+import React from 'react';
+import classNames from 'classnames';
+import FormGroup from './FormGroup';
+
+class InputBase extends React.Component {
+  getInputDOMNode() {
+    return React.findDOMNode(this.refs.input);
+  }
+
+  getValue() {
+    if (this.props.type === 'static') {
+      return this.props.value;
+    } else if (this.props.type) {
+      if (this.props.type === 'select' && this.props.multiple) {
+        return this.getSelectedOptions();
+      } else {
+        return this.getInputDOMNode().value;
+      }
+    } else {
+      throw 'Cannot use getValue without specifying input type.';
+    }
+  }
+
+  getChecked() {
+    return this.getInputDOMNode().checked;
+  }
+
+  getSelectedOptions() {
+    let values = [];
+
+    Array.prototype.forEach.call(
+      this.getInputDOMNode().getElementsByTagName('option'),
+      (option) => {
+        if (option.selected) {
+          let value = option.getAttribute('value') || option.innerHtml;
+          values.push(value);
+        }
+      });
+
+    return values;
+  }
+
+  isCheckboxOrRadio() {
+    return this.props.type === 'checkbox' || this.props.type === 'radio';
+  }
+
+  isFile() {
+    return this.props.type === 'file';
+  }
+
+  renderInputGroup(children) {
+    let addonBefore = this.props.addonBefore ? (
+      <span className="input-group-addon" key="addonBefore">
+        {this.props.addonBefore}
+      </span>
+    ) : null;
+
+    let addonAfter = this.props.addonAfter ? (
+      <span className="input-group-addon" key="addonAfter">
+        {this.props.addonAfter}
+      </span>
+    ) : null;
+
+    let buttonBefore = this.props.buttonBefore ? (
+      <span className="input-group-btn">
+        {this.props.buttonBefore}
+      </span>
+    ) : null;
+
+    let buttonAfter = this.props.buttonAfter ? (
+      <span className="input-group-btn">
+        {this.props.buttonAfter}
+      </span>
+    ) : null;
+
+    let inputGroupClassName;
+    switch (this.props.bsSize) {
+      case 'small': inputGroupClassName = 'input-group-sm'; break;
+      case 'large': inputGroupClassName = 'input-group-lg'; break;
+    }
+
+    return addonBefore || addonAfter || buttonBefore || buttonAfter ? (
+      <div className={classNames(inputGroupClassName, 'input-group')} key="input-group">
+        {addonBefore}
+        {buttonBefore}
+        {children}
+        {addonAfter}
+        {buttonAfter}
+      </div>
+    ) : children;
+  }
+
+  renderIcon() {
+    let classes = {
+      'glyphicon': true,
+      'form-control-feedback': true,
+      'glyphicon-ok': this.props.bsStyle === 'success',
+      'glyphicon-warning-sign': this.props.bsStyle === 'warning',
+      'glyphicon-remove': this.props.bsStyle === 'error'
+    };
+
+    return this.props.hasFeedback ? (
+      <span className={classNames(classes)} key="icon" />
+    ) : null;
+  }
+
+  renderHelp() {
+    return this.props.help ? (
+      <span className="help-block" key="help">
+        {this.props.help}
+      </span>
+    ) : null;
+  }
+
+  renderCheckboxAndRadioWrapper(children) {
+    let classes = {
+      'checkbox': this.props.type === 'checkbox',
+      'radio': this.props.type === 'radio'
+    };
+
+    return (
+      <div className={classNames(classes)} key="checkboxRadioWrapper">
+        {children}
+      </div>
+    );
+  }
+
+  renderWrapper(children) {
+    return this.props.wrapperClassName ? (
+      <div className={this.props.wrapperClassName} key="wrapper">
+        {children}
+      </div>
+    ) : children;
+  }
+
+  renderLabel(children) {
+    let classes = {
+      'control-label': !this.isCheckboxOrRadio()
+    };
+    classes[this.props.labelClassName] = this.props.labelClassName;
+
+    return this.props.label ? (
+      <label htmlFor={this.props.id} className={classNames(classes)} key="label">
+        {children}
+        {this.props.label}
+      </label>
+    ) : children;
+  }
+
+  renderInput() {
+    if (!this.props.type) {
+      return this.props.children;
+    }
+
+    switch (this.props.type) {
+      case 'select':
+        return (
+          <select {...this.props} className={classNames(this.props.className, 'form-control')} ref="input" key="input">
+            {this.props.children}
+          </select>
+        );
+      case 'textarea':
+        return <textarea {...this.props} className={classNames(this.props.className, 'form-control')} ref="input" key="input" />;
+      case 'static':
+        return (
+          <p {...this.props} className={classNames(this.props.className, 'form-control-static')} ref="input" key="input">
+            {this.props.value}
+          </p>
+        );
+    }
+
+    let className = this.isCheckboxOrRadio() || this.isFile() ? '' : 'form-control';
+    return <input {...this.props} className={classNames(this.props.className, className)} ref="input" key="input" />;
+  }
+
+  renderFormGroup(children) {
+    return <FormGroup {...this.props}>{children}</FormGroup>;
+  }
+
+  renderChildren() {
+    return !this.isCheckboxOrRadio() ? [
+      this.renderLabel(),
+      this.renderWrapper([
+        this.renderInputGroup(
+          this.renderInput()
+        ),
+        this.renderIcon(),
+        this.renderHelp()
+      ])
+    ] : this.renderWrapper([
+      this.renderCheckboxAndRadioWrapper(
+        this.renderLabel(
+          this.renderInput()
+        )
+      ),
+      this.renderHelp()
+    ]);
+  }
+
+  render() {
+    let children = this.renderChildren();
+    return this.renderFormGroup(children);
+  }
+}
+
+InputBase.propTypes = {
+  type: React.PropTypes.string,
+  label: React.PropTypes.node,
+  help: React.PropTypes.node,
+  addonBefore: React.PropTypes.node,
+  addonAfter: React.PropTypes.node,
+  buttonBefore: React.PropTypes.node,
+  buttonAfter: React.PropTypes.node,
+  bsSize: React.PropTypes.oneOf(['small', 'medium', 'large']),
+  bsStyle: React.PropTypes.oneOf(['success', 'warning', 'error']),
+  hasFeedback: React.PropTypes.bool,
+  id: React.PropTypes.string,
+  groupClassName: React.PropTypes.string,
+  wrapperClassName: React.PropTypes.string,
+  labelClassName: React.PropTypes.string,
+  multiple: React.PropTypes.bool,
+  disabled: React.PropTypes.bool,
+  value: React.PropTypes.any
+};
+
+export default InputBase;
diff --git a/src/index.js b/src/index.js
index f4b296d878..1f2bd5590b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -6,6 +6,7 @@ import BootstrapMixin from './BootstrapMixin';
 import Badge from './Badge';
 import Button from './Button';
 import ButtonGroup from './ButtonGroup';
+import ButtonInput from './ButtonInput';
 import ButtonToolbar from './ButtonToolbar';
 import CollapsableNav from './CollapsableNav';
 import CollapsibleNav from './CollapsibleNav';
@@ -60,6 +61,7 @@ export default {
   Badge,
   Button,
   ButtonGroup,
+  ButtonInput,
   ButtonToolbar,
   CollapsableNav,
   CollapsibleNav,
diff --git a/test/ButtonInputSpec.js b/test/ButtonInputSpec.js
new file mode 100644
index 0000000000..5118181938
--- /dev/null
+++ b/test/ButtonInputSpec.js
@@ -0,0 +1,82 @@
+import React from 'react';
+import ReactTestUtils from 'react/lib/ReactTestUtils';
+import ButtonInput from '../src/ButtonInput';
+import {shouldWarn} from './helpers';
+
+describe('ButtonInput', () =>{
+  it('renders an input button element with type=button', function () {
+    const instance = ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button" bsStyle="danger" wrapperClassName="test" />
+    );
+
+    const node = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'input').getDOMNode();
+    assert.equal(node.getAttribute('type'), 'button');
+    assert.equal(node.getAttribute('class'), 'btn btn-danger');
+  });
+
+  it('supports type=reset and type=submit', function () {
+    let instance = ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button" type="reset" />
+    );
+
+    let node = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'input').getDOMNode();
+    assert.equal(node.getAttribute('type'), 'reset');
+
+    instance = ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button" type="submit" />
+    );
+
+    node = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'input').getDOMNode();
+    assert.equal(node.getAttribute('type'), 'submit');
+  });
+
+  it('throws warning about unsupported type', function () {
+    ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button" type="password" />
+    );
+
+    shouldWarn('propType: Invalid');
+  });
+
+  it('must not throw warning when bsStyle=danger', function () {
+    ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button" bsStyle="danger" />
+    );
+
+    console.warn.called.should.be.false;
+  });
+
+  it('throws warning about wrong type for bsStyle=error', function () {
+    ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button" bsStyle="submit" />
+    );
+
+    shouldWarn('propType: Invalid');
+  });
+
+  it('throws a warning if given both children and a value property', function () {
+    ReactTestUtils.renderIntoDocument(
+      <ButtonInput value="button">button</ButtonInput>
+    );
+
+    shouldWarn('Both value and children');
+  });
+
+  it('does not throw an error for strings and numbers', function () {
+    let testData = { children: 'EUREKA' };
+    let result = ButtonInput.propTypes.children(testData, 'children', 'ButtonInput');
+    assert.notInstanceOf(result, Error);
+
+    testData = { value: 4 };
+    result = ButtonInput.propTypes.value(testData, 'children', 'ButtonInput');
+    assert.notInstanceOf(result, Error);
+  });
+
+  it('does not allow elements for children', function () {
+    ReactTestUtils.renderIntoDocument(
+      <ButtonInput><span>blah</span></ButtonInput>
+    );
+
+    shouldWarn('propType: Invalid');
+  });
+});
diff --git a/test/FactoriesSpec.js b/test/FactoriesSpec.js
index 44257643b3..f03810c277 100644
--- a/test/FactoriesSpec.js
+++ b/test/FactoriesSpec.js
@@ -2,6 +2,7 @@ import React from 'react';
 import components from '../tools/public-components';
 
 let props = {
+  ButtonInput: {value: 'button'},
   Glyphicon: {glyph: 'star'},
   Modal: {onRequestHide() {}},
   ModalTrigger: {modal: React.DOM.div(null)},
diff --git a/test/InputSpec.js b/test/InputSpec.js
index ed1cbf6467..065ff1824c 100644
--- a/test/InputSpec.js
+++ b/test/InputSpec.js
@@ -41,30 +41,28 @@ describe('Input', function () {
     assert.equal(instance.getValue(), 'v');
   });
 
-  it('renders a submit button element when type=submit', function () {
-    let instance = ReactTestUtils.renderIntoDocument(
-      <Input type="submit" bsStyle="danger" wrapperClassName='test' />
+  it('throws a deprecation warning on type=button', function () {
+    ReactTestUtils.renderIntoDocument(
+      <Input type="button" />
     );
 
-    let node = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'input').getDOMNode();
-    assert.equal(node.getAttribute('type'), 'submit');
-    assert.equal(node.getAttribute('class'), 'btn btn-danger');
+    shouldWarn('deprecated');
   });
 
-  it('must not throw warning when bsStyle=danger and type=submit', function () {
+  it('throws a deprecation warning on type=reset', function () {
     ReactTestUtils.renderIntoDocument(
-      <Input type="submit" bsStyle="danger" />
+      <Input type="reset" />
     );
 
-    console.warn.called.should.be.false;
+    shouldWarn('deprecated');
   });
 
-  it('throws warning about wrong type for bsStyle=error when type=submit', function () {
+  it('throws a deprecation warning on type=submit', function () {
     ReactTestUtils.renderIntoDocument(
-      <Input type="submit" bsStyle="error" />
+      <Input type="submit" />
     );
 
-    shouldWarn('propType: Invalid');
+    shouldWarn('deprecated');
   });
 
   it('renders a p element when type=static', function () {