JSFiddle - React, Tailwind, and code Playground

by webinista

HTML

<form action="datalist.php" method="post">
<p>
    <label for="destinations">Destination:</label>
    <input type="text" id="destinations" name="destinations" value="" placeholder="Where do you want to go?" list="listofplaces">
    <datalist id="listofplaces">
        <option>Accra, Ghana</option>
        <option>Buenos Aires, Argentina</option>
        <option>Los Angeles, California, USA</option>
        <option>New York City, New York, USA</option>
        <option>Oslo, Norway</option>
        <option>Paris, France</option>
    </datalist>
</p>
<p><button type="submit">Submit</button></p>
</form>

CSS

p{
    font: bold 100% / 1.5 sans-serif;
}
input{
    font:inherit;
    font-weight:normal;
}
button{
    background:#909;
    color:#fff;
    font:inherit; 
    border: 2px outset #909    
}