JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Password field encoding</h3>
<p>Do password fields allow you to enter special characters, e.g. the accented é in Montréal ??</p>
<p>To type an accented character on a Mac: <strong>Option + e</strong> followed by <strong>e</strong></p>

<table>
    <tr>
        <td>
            <input size="30" type="text" oninput="document.getElementById('output1').value=this.value;" placeholder="type in this text field"/>
        </td>
        <td>
            <input size="40" type="text" id="output1" disabled="diabled" placeholder="you should see what you typed here"/>
        </td>
    </tr>
    <tr>
        <td>
            <input size="30" type="password" oninput="document.getElementById('output2').value=this.value;" placeholder="type in this password field"/>
        </td>
        <td>
            <input size="40" type="text" id="output2" disabled="diabled" placeholder="you should see what you typed here"/>
        </td>
    </tr>
</table>