Funcionamiento:
Este formulario está integrado para Blogger, se usa para ofrecer a los visitantes una herramienta de búsqueda personalizada que combina la potencia de Google con opciones específicas para explorar contenido relevante, como archivos o sitios relacionados con el contenido.
La integración con Google asegura que las búsquedas sean procesadas por el mayor motor de búsqueda, donde los filtros hacen que los resultados sean más específicos, lo que es ideal para un blog temático (como se sugiere las opciones del menú).
Desglose del código:
Imagen inicial con enlace:
El código comienza con una imagen animada como un elemento decorativo, con un tamaño reducido (99x99 píxeles) para no ocupar mucho espacio en la página y está centrada con márgenes a los lados. Es un toque visual que hace el formulario más limpio.
Formulario de búsqueda:
El formulario está diseñado para enviar una consulta de búsqueda a Google (https://www.google.com/search) usando el método GET, que es una forma de enviar datos a través de la URL.
Campo de texto:
Hay un cuadro donde el usuario escribe lo que quiere buscar. Este cuadro tiene un límite de caracteres (88% del espacio disponible) y un tamaño visual de 33 caracteres para que sea cómodo de usar.
Filtro por tipo de archivo:
Filtro por tipo de archivo:
El formulario incluye un menú desplegable (<select name="as_filetype">) que permite elegir el tipo de archivo a buscar, como páginas web (HTML), archivos comprimidos (RAR), documentos de Excel, Word o PDF. La opción "CUALQUIERA" es la predeterminada, lo que significa que no se aplicará un filtro específico si no se selecciona nada.
Filtro por sitio:
Filtro por sitio:
Otro menú desplegable (<select name="as_sitesearch">) permite elegir dónde realizar la búsqueda. Las opciones incluyen buscar en todo Google, en Google Fotos, Google Drive, Google Business, o sitios específicos como el propio blog (neuralnetbasedartificialintelligence.blogspot.com), otro blog llamado BH-Lab5, Google Maps o WebRadio. Esto es útil para limitar los resultados a un lugar concreto.
Número de resultados:
Número de resultados:
El un campo (<input name="num" type="SHOW" value="33" />) que indica que se mostrarán 33 resultados por búsqueda, aunque el atributo type="SHOW" parece ser un error, ya que no es un tipo válido en HTML (probablemente debería ser type="hidden" para que no se vea en la página).
Botón de búsqueda:
Botón de búsqueda:
Un botón simple con el texto "BUSCAR" envía la consulta al servidor de Google cuando se hace click.
vista funcional
⌨-🔙
IniciO
