title: HTML just cannot get focus instead of disabled
body: <p>I am currently trying to see if there is a way to not disable an input but not allow the input to get focus. I am doing this because I still need the backend to retrieve the data but just not allow the user to certain times to edit the input fields. Since disabled doesn't return data to the backend that doesn't work.
  The way I am currently doing it, is when the user presses submit I remove the disabled attribute however this makes them appear normal for a few seconds before the next page loads. Any suggestions would be great (my next step is going to be adding the </p>
  
  <pre><code>background-color: #F2F2F2 !important;
  color: #C6C6C6;
  border-color: #ddd;
  </code></pre>
  
  <p>But since each browser does it differently I would prefer a solution that doesn't do this. </p>