JSFiddle - React, Tailwind, and code Playground

by Soviut

HTML

<label for="disabled-input">Disabled Input</label>
<input type="text" id="disabled-input" disabled />

<br>

<label for="readonly-input">Readonly Input</label>
<input type="text" id="readonly-input" readonly />

JavaScript

document.getElementById('disabled-input').addEventListener('click', (e) => alert('disabled input clicked'))
document.getElementById('readonly-input').addEventListener('click', (e) => alert('readonly input clicked'))