JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>No attribute:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>Attribute with no value:</td>
<td><input type="text" disabled /></td>
</tr>
<tr>
<td>Attribute with empty value:</td>
<td><input type="text" disabled="" /></td>
</tr>
<tr>
<td>Attribute with value "disabled":</td>
<td><input type="text" disabled="disabled" /></td>
</tr>
<tr>
<td>Attribute with value "DiSaBlEd":</td>
<td><input type="text" disabled="DiSaBlEd" /></td>
</tr>
<tr>
<td>Attribute with value "0":</td>
<td><input type="text" disabled="0" /></td>
</tr>
<tr>
<td>Attribute with value "1":</td>
<td><input type="text" disabled="1" /></td>
</tr>
<tr>
<td>Attribute with value "false":</td>
<td><input type="text" disabled="false" /></td>
</tr>
<tr>
<td>Attribute with value "true":</td>
<td><input type="text" disabled="true" /></td>
</tr>
</table>