Adding proper label attributes for a11y in docs. Addresses #825

Author: davidkpiano

docs/api/Control.md

@@ -55,11 +55,11 @@ class App extends React.Component {
   render() {
     return (
       <form>
-        <label>Name:</label>
-        <Control.text model="user.name" />
+        <label htmlFor="user.name">Name:</label>
+        <Control.text model="user.name" id="user.name" />
 
-        <label>Favorite color:</label>
-        <Control.select model="user.faveColor">
+        <label htmlFor="user.faveColor">Favorite color:</label>
+        <Control.select model="user.faveColor" id="user.faveColor">
           <option value="red">red</option>
           <option value="green">green</option>
           <option value="blue">blue</option>

docs/guides/quickstart.md

@@ -92,13 +92,15 @@ class UserForm extends React.Component {
   }
   render() {
     return (
-      <Form model="user"
-        onSubmit={(user) => this.handleSubmit(user)}>
-        <label>First name:</label>
-        <Control.text model="user.firstName" />
-
-        <label>Last name:</label>
-        <Control.text model="user.lastName" />
+      <Form
+        model="user"
+        onSubmit={(user) => this.handleSubmit(user)}
+      >
+        <label htmlFor="user.firstName">First name:</label>
+        <Control.text model="user.firstName" id="user.firstName" />
+
+        <label htmlFor="user.lastName">Last name:</label>
+        <Control.text model="user.lastName" id="user.lastName" />
 
         <button type="submit">
           Finish registration!