feat: allow all standard input type attributes

closes #80

src/Geosuggest.jsx

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import GeosuggestItem from './GeosuggestItem'; // eslint-disable-line
+import inputAttributes from './input-attributes';
 
 const Geosuggest = React.createClass({
   /**
@@ -349,16 +350,23 @@ const Geosuggest = React.createClass({
    * @return {Function} The React element to render
    */
   render: function() {
+    const attributes = {};
+
+    inputAttributes.forEach(inputAttribute => {
+      if (this.props[inputAttribute]) {
+        attributes[inputAttribute] = this.props[inputAttribute];
+      }
+    });
+
     return (// eslint-disable-line no-extra-parens
       <div className={'geosuggest ' + this.props.className}
           onClick={this.onClick}>
         <input
           className={'geosuggest__input ' + this.props.inputClassName}
           ref="geosuggestInput"
           type="text"
+          {...attributes}
           value={this.state.userInput}
-          placeholder={this.props.placeholder}
-          disabled={this.props.disabled}
           onKeyDown={this.onInputKeyDown}
           onChange={this.onInputChange}
           onFocus={this.onFocus}

src/input-attributes.js

@@ -0,0 +1,30 @@
+/**
+ * Attributes allowed on input elements
+ */
+export default [
+  'autocapitalize',
+  'autocomplete',
+  'autocorrect',
+  'autofocus',
+  'autosave',
+  'disabled',
+  'form',
+  'formaction',
+  'formenctype',
+  'formmethod',
+  'formnovalidate',
+  'formtarget',
+  'height',
+  'inputmode',
+  'maxlength',
+  'maxlength',
+  'name',
+  'pattern',
+  'placeholder',
+  'readonly',
+  'required',
+  'selectionDirection',
+  'size',
+  'spellcheck',
+  'tabindex'
+];