<input type=“search”> not working on iPhone Mobile Safari

Question

Supposedly in HTML5 in Safari, you can define your input type as \"search\" and when the user starts typing, an X button will show up to allow them to clear, much like the G

Answer 1

That works in (Desktop) Safari, but not on the iPhone (Mobile Safari). You can mimic the functionality via some clever javascript.

Answer 2

you need to make the type="search" attribute the first one in the tag - ie

<input type="search" id="termsField" autocorrect="off" 
       placeholder="Type something here" />

This bug has since been resolved for iphones but android browsers still need the search attribute first, otherwise it will be rendered as a standard input field.