JSFiddle - React, Tailwind, and code Playground

by Kaleb Hornsby

HTML

<form action="/echo/json/" method="POST">
    <input type="hidden" name="test" value="a" />
    <input type="hidden" name="test" value="b" />
    <input type="hidden" name="test" value="c" />
    <label>
        <span>Subject</span>
        <input name="subject" />
    </label>
    <label>
        <span>To</span>
        <input name="email" type="email" multiple="" list="emails" />
    </label>
    <datalist id="emails">
        <option value="[email protected]">Kaleb Hornsby</option>
        <option value="[email protected]">Atticus Hornsby</option>
    </datalist>
    <button>Submit</button>
</form>

CSS

label {
    display: block;
}
span {
    display: inline-block;
    width: 4em;
}
span::after {
    content: ": ";
}
input {
    width: 20em;
}