Pokaż przycisk "Szukaj" na klawiaturze iPhone/iPad Safari

Question

Zauważyłem, nawigacja w witrynach takich jak Dell lub Google, wpisując w polu tekstowym wyszukiwania z iPhone, w klawiaturze pojawia się niebieski przycisk "Szukaj" zamiast standardowego Przycisk "Go", który pojawia się na dowolnej normalnej formie.

Co należy zrobić, aby wyświetlić przycisk wyszukiwania?

Answer 1

Można wpływać na to zachowanie z:

<input type="search" /> 

JS Bin demo

Ignoruj ​​tekst Buttona submit bycia „czajnik” Chciałem tylko, aby mieć pewność, że nie było w przycisk wpływającym na tekst klawiatury iOS ...

Jest to oczywiście kompatybilne wstecznie, ponieważ przeglądarka, która nie rozumie type="search", domyślnie ustawi się na type="text", która jest używana l do tworzenia forward-planning html5 forms.

Answer 2

Klawiatura jest obsługiwana przez system operacyjny (iOS) i nie można jej bezpośrednio zmienić. Rodzaj wymaganego wejścia określa typ wyświetlanej klawiatury.

Jeśli dana witryna to HTML5, odpowiedź @ David jest ważna.

Answer 3

nie byłem w stanie dostać się przycisk wyszukiwania z

<input type="search" /> 

jednak, że udało nam się pojawiać z

<form> 
    <input name="search" /> 
</form> 

Answer 4

iOS 8 można włączyć niebieską „Szukać” -button na klawiaturze, wykonując jedną z:

• dodać nazwę wejściowy = szukaj
• dodawanie i nPrzenieś type = wyszukiwania
• dodać id do wejścia z delikatnej sprawy słowem "Szukaj" w ID, dla przykład-search lub thesearchgod

Answer 5

mającego type = "search" jest zazwyczaj wszystko, czego potrzebujesz Aby utworzyć oprogramowanie Klawiatura wyszukiwania pojawi się jednak w iOS8, konieczne jest posiadanie formularza zawijania z atrybutem akcja.

więc następujący kod miałoby klawiatury programowej z „Return” przycisk

<form> 
    <input type="search" /> 
</form> 

Ale ten kod powinien mieć niebieski przycisk „Szukaj” zamiast

<form action="."> 
    <input type="search" /> 
</form>