Posicionar el botón de búsqueda en la cima de un campo de entrada

Un campo de búsqueda web en general, tiene dos componentes: el campo de entrada y el botón de búsqueda. La mayor parte del código para ambos éstos se controla en el código CSS de su sitio, pero el diseño es en HTML. Si usted quiere poner el botón de búsqueda por encima del campo de entrada, en lugar de al lado (donde por lo general sería), todo lo que necesita hacer es modificar el código HTML un poco. Esto cambiará el posicionamiento sin afectar el código de búsqueda núcleo.

Instrucciones

1 Abra el archivo HTML de la página en su sitio con el botón de búsqueda.

2 Busque la sección que comienza con "<fieldset class =" buscar ">". Este es el código HTML para controlar el campo de búsqueda.

3 Mueva el "<botón" línea que comienza antes de la línea que comienza con "<input". Esto pondrá el botón antes de que el cuadro de entrada (pero no por encima de todo).

4 Ponga "<div>" (sin comillas) antes de que ambas líneas.

5 Ponga "</ div>" después de que ambas líneas. Esto hará que aparecen en dos líneas separadas.

6 Guarde el código HTML. El botón aparecerá ahora por encima del campo de entrada.