JSFiddle - React, Tailwind, and code Playground
HTML
<code>Accept-Language:</code>
<input placeholder="Locale code" id="locale-input" list="locale-list" />
<datalist id="locale-list">
<option value="aa">
<option value="ab">
<option value="ae">
<option value="af">
<option value="ak">
<option value="am">
<option value="an">
<option value="ar">
<option value="ar-ae">
<option value="ar-bh">
<option value="ar-dz">
<option value="ar-eg">
<option value="ar-iq">
<option value="ar-jo">
<option value="ar-kw">
<option value="ar-lb">
<option value="ar-ly">
<option value="ar-ma">
<option value="ar-om">
<option value="ar-qa">
<option value="ar-sa">
<option value="ar-sy">
<option value="ar-tn">
<option value="ar-ye">
<option value="as">
<option value="ast">
<option value="av">
<option value="ay">
<option value="az">
<option value="ba">
<option value="be">
<option value="bg">
<option value="bh">
<option value="bi">
<option value="bm">
<option value="bn">
<option value="bo">
<option value="br">
<option value="bs">
<option value="ca">
<option value="ce">
<option value="ch">
<option value="co">
<option value="cr">
<option value="cs">
<option value="csb">
<option value="cu">
<option value="cv">
<option value="cy">
<option value="da">
<option value="de">
<option value="de-at">
<option value="de-ch">
<option value="de-de">
<option value="de-li">
<option value="de-lu">
<option value="dsb">
<option value="dv">
<option value="dz">
<option value="ee">
<option value="el">
<option value="en">
<option value="en-au">
<option value="en-bz">
<option value="en-ca">
<option value="en-gb">
<option value="en-ie">
<option value="en-jm">
<option value="en-nz">
<option value="en-ph">
<option value="en-tt">
<option value="en-us">
<option value="en-za">
<option value="en-zw">
<option value="eo">
<option value="es">
<option value="es-ar">
<option value="es-bo">
<option value="es-cl">
<option...
CSS
input {
width: 194px;
height: 23px;
margin: 5px;
padding: 5px;
}