Form fixes

templates/components/text_input.html

@@ -55,7 +55,9 @@
           v-on:input='onInput'
           v-on:change='onChange'
           v-bind:value='value'
+          {% if not disabled %}
           id='{{ field.name }}'
+          {% endif %}
           ref='input'
           placeholder='{{ placeholder }}'>
         </textarea>
@@ -71,11 +73,12 @@
           v-bind:pipe='pipe'
           v-bind:keep-char-positions='keepCharPositions'
           v-bind:aria-invalid='showError'
-          id='{{ field.name }}'
           type='text'
           {% if disabled %}
           disabled="disabled"
           readonly="readonly"
+          {% else %}
+          id='{{ field.name }}'
           {% endif %}
           ref='input'
           placeholder='{{ placeholder }}'>
@@ -83,7 +86,13 @@
 
       {% endif %}
 
-      <input type='hidden' v-bind:value='rawValue' name='{{ field.name }}' />
+      <input
+        type='hidden'
+        v-bind:value='rawValue'
+        {% if not disabled %}
+        name='{{ field.name }}'
+        {% endif %}
+      />
 
       <template v-if='showError'>
         <span class='usa-input__message' v-html='validationError'></span>