title: input type disabled and readonly behave differently with a href
body: <p>I have below code where i disable and enable a calendar clickable icon.</p>
  
  <pre><code>&lt;p&gt;      
     &lt;label&gt;
        &lt;input type="text" name="date18" id="date18" value="01/01/2012"
        style="width:75px;" disabled/&gt;
     &lt;/label&gt;
     &lt;a href="#" onclick="somecaledarrelatedstuff()" name="calid" id="calid"&gt;
        &lt;img src="icon-Calendar.jpg" alt="Click to pick a date from a popup 
        calendar"/&gt;
     &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>When I add <code>disable</code> as above both the input field and the link to the calendar popup are disabled as well. But because the values of disabled elements are not submitted, I thought of making it read-only. However, the problem is that when it's read-only, only the input field is getting read only (<strong>not also the calendar pop up link</strong>) too, like using disable. </p>
  
  <p>I know if I want to disable (just to prevent the user from editing) both input field and href I can use <code>disabled</code> and have a hidden input variable, and submit it and refer to that variable. But I was looking for an alternative way because I will have a lot of refactoring to do to my code if I introduce a new hidden variable.</p>
  
  <p>Thanks.</p>