Me he dado cuenta navegando en sitios web como Dell o Google, escribiendo en su cuadro de texto de búsqueda con iPhone, en el teclado aparece un botón azul 'Buscar' en lugar del estándar El botón 'Ir' que aparece en cualquier forma normal.Mostrar el botón 'Buscar' en el teclado Safari de iPhone/iPad
¿Qué debe hacer para mostrar el botón de búsqueda?
Puede influir en este comportamiento con:
<input type="search" />
Ignorar el texto del botón submit ser 'hervidor de agua,' Sólo quería estar seguro de que no era el botón de enviar influir en el texto del teclado de iOS ...
Esto es, por supuesto, compatible con versiones anteriores ya que un navegador que no entiende type="search" tendrá por defecto type="text", que es usefu l para crear forward-planning html5 forms.
El teclado es manejado por el sistema operativo (iOS) y no se puede modificar directamente. El tipo de entrada requerida determina el tipo de teclado que se mostrará.
Si el sitio web en cuestión es HTML5, entonces la respuesta de @David es válida.
yo no era capaz de conseguir el botón de búsqueda con
<input type="search" />
Sin embargo, yo entiendo que aparezca con
<form>
<input name="search" />
</form>
No solo name = "search", sino que solo contiene la palabra "search" es lo suficientemente bueno. Por ejemplo, name = "archive_search" –
No pude conseguir que el teclado de búsqueda apareciera hasta que mi campo de entrada estaba rodeado por un elemento de formulario. Gracias por el consejo. – dirkoneill
iOS 9.3.1 parece necesitar el atributo 'action' para que aparezca el botón de búsqueda. – evolutionxbox
En iOS 8 se puede permitir que el azul "Buscar" -botón en el teclado mediante uno de:
no funcionó para mí - tuve que usar la solución @Anton Bielousov desde arriba con acción de formulario. – avs099
tener type = "búsqueda" es por lo general todo lo que necesita para hacer que el teclado de búsqueda de software aparezca, sin embargo, en iOS8 es obligatorio tener un formulario de ajuste con el atributo de acción .
Así que el siguiente código tendría un teclado de software con el botón “Return”
<form>
<input type="search" />
</form>
Pero este código debe tener botón azul “Buscar” en lugar
<form action=".">
<input type="search" />
</form>
Esta es la respuesta que funcionó para mí. – kpeatt
La configuración 'type = search' tiene un efecto secundario UX negativo en Chrome iOS de las esquinas del campo de entrada de búsqueda de redondeo. Odio cuando los navegadores comienzan a tomar decisiones de diseño de interfaz de usuario para mí. – demisx
@demisx puede (y probablemente siempre debería) restablecer el estilo predeterminado del navegador en su CSS: '[type =" text "], [type =" search "] { -webkit-appearance: none; } ' y no mezcle la funcionalidad con el estilo. –
Alguna idea de por qué funciona en este sitio ¿aunque? http://www.mobilecityonline.com/ Fuente comprobada en iPhone, y no está utilizando la entrada con tipo = búsqueda. – einarq
Para responder a mi propio comentario, parece que iPhone también muestra "Buscar" en el teclado si el nombre del cuadro de texto también contiene la palabra "buscar" en él. Havent probado Android. – einarq
El 'id' del elemento tenía que contener la búsqueda para que funcione en Chrome, luego para que funcione en iPhone y iPad, tuve que colocar la' entrada' dentro de un '