Make readonly fields unclickable

Question

In my form i am using readonly fields.

How to make this readonly fields unclickable I don't want to use disabled fields, just make readonly fields unclickable any one have idea plz share.

Answer 1

You can also use the property disable to make the input unusable and unclickable. I think it's more clear and efficient way.

Here is the the difference between readonly and disable:

<div>
  <input disabled type="text">
  <input readonly type="text">
  <input type="text">
</div>