<input type = "search"> không hoạt động trên iPhone Mobile Safari

Question

Giả sử trong HTML5 trong Safari, bạn có thể xác định loại đầu vào của mình là "tìm kiếm" và khi người dùng bắt đầu nhập, nút X sẽ hiển thị để cho phép rõ ràng, giống như thanh tìm kiếm của Google trong Safari. Trên trang web của tôi, tính năng này hoạt động trên Safari trên máy tính để bàn nhưng nó không hoạt động trong Mobile Safari.

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

//This is the code for the X button I have to use now since HTML5 doesn't work 
<INPUT type="image" name="Clear" alt="Clear" src="clearX.png" height="22" width="22" 
     onClick="clearText(this)"> 

Lúc đầu, tôi nghĩ đó là bởi vì tôi có một chức năng autocomplete Jquery trên #termsField nhưng một lần nữa nếu nó hoạt động trong Desktop Safari mà không phải là trường hợp. Có ai có bất kỳ ý tưởng tại sao điều này có thể xảy ra? Ngoài ra, nó không hoạt động hoặc trên iPhone của tôi hoặc trong iPhone Simulator trong XCode vì vậy nó không phải là một vấn đề đặc biệt với iPhone của tôi.

Answer 1

Hoạt động trong Safari (Desktop), nhưng không hoạt động trên iPhone (Mobile Safari). Bạn có thể mimic the functionality qua một số javascript thông minh.

Answer 2

bạn cần phải thực hiện các type = "search" thuộc tính là người đầu tiên trong thẻ - tức là

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

Lỗi này từ đó đã được giải quyết cho iphones nhưng trình duyệt Android vẫn cần tìm kiếm thuộc tính đầu tiên, nếu không nó sẽ được hiển thị dưới dạng trường nhập chuẩn.