JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<div>
    disabled
    <input disabled="disabled" value="disabled-text" />
    <textarea disabled="disabled">disabled-text</textarea>
</div>

<div>
    readonly
    <input readonly="readonly" value="readonly-text"/>
    <textarea readonly="readonly">readonly-text</textarea>
</div>

CSS

body {
    font: bold 12px arial,sans-serif;
}

div {
    padding: 10px 20px;
}

input {
    display: block;
}