Not clickable inputfields

Question 1

If you inspect the element you will see this:

<div class="eid_1377803337429_delivery_streetfield_id" style="position: absolute; margin: 0px; left: 250px; top: 165px; width: 248px; height: 24px; right: auto; bottom: auto; font-family: source-sans-pro,sans-serif; font-size: 16px; color: rgb(255, 255, 255); font-weight: 300; text-decoration: none; font-style: normal; text-align: left; opacity: 0; display: block;" id="eid_1377803337429_delivery_streetfield">
    <input class="createinput" id="delivery_streetinput" size="20" style="font-family:source-sans-pro" type="text">
</div>

Notice in the div that the opacity is set to 0:

opacity: 0;

You are still typing in the box, try typing and then going to the next screen, it's there. Due to opacity: 0, you just can't see it. Make this 100 instead of 0 and it works fine.

Question 2

A disabled input element is unusable and un-clickable.

use disabled input as in

  // remember to add 'disabled' to input element
  <input type="text" name="some-name" disabled />