Hi I am using a datalist tag for a dropdown as in the fiddle. I am getting the arrow for dropdown in chrome only. and the arrow is not coming in ie and firefox. In firefox t
The element is not a replacement.
The general idea is to give you the ability to set a list of predefined values for other controls [1], however there is no specification for how to draw that list and whether or not to show an arrow.
The arrow that you see in chrome is something that is browser independent that only chrome has.
Just as a side note - for datetime-local - only in chrome you will see that placeholer:
mm/dd/yy --:--:--
If you want to show the exact arrow in all browsers you will have to use some javascript code for that (you can use jquery ui's autocomplete for example).