JSFiddle - React, Tailwind, and code Playground

by ozzymcduff

HTML

<form>
<fieldset>
    <legend>
        Legend
    </legend>
<p>
        <LABEL for="firstname" class="disabled">First name: </LABEL>
    <INPUT type="text" id="firstname" disabled="disabled" >
</p>
<p>
        <LABEL for="lastname" >Last name: </LABEL>
    <INPUT type="text" id="lastname"  >
</p>
<p>
    <label for="textarea_1"  class="disabled">comment</label>
    <textarea 
    disabled="disabled" 
    id="textarea_1" >Has a lot of text</textarea>
</p>

<p>
    <INPUT type="radio" name="sex" value="Male" disabled="disabled" id="radio_male"> <label for="radio_male"  class="disabled">Male</label>
    <INPUT type="radio" name="sex" value="Female" disabled="disabled" id="radio_female" > <label for="radio_female"  class="disabled">Female</label>
    </p>
<p>
    <label for="submit_1"  class="disabled">submit</label>
<button id="submit_1" type="submit" disabled="disabled" value="btn">submit</button>
</p>
</fieldset>
</form>

CSS

label.disabled { color: #aaa; }