title: Making a text field uneditable and not just readonly
body: <p>When i click on a <code>textfield</code>, i get a dropdown so the user could select a value from the list. </p>
  
  <p>After the user selects the date from the dropdown, he/she could edit the date by even adding characters to it. So i want to find a way to prevent this. I thought of making the field un-editable. So i used <code>readonly</code> but, this prevents the user from clicking and displaying the list. So can someone tell me how can i make the field uneditable.</p>
  
  <pre><code>&lt;input id="datePiccc" type="text" class="dates" /&gt;
  </code></pre>