Cuadro de busqueda HTML5 Css3

En este tutorial aprenderas como crear un cuadro de busqueda html5 css3 sin imagenes

Enlaces patrocinados:



Comentarios

Augusto Alcubilla:
2017-03-18 01:03:09

Buenas noches
Queria saber si uds. podrian ayudarme para esto:
Tengo una pagina web para venta de articulos y he buscado un buscador para colocarlo y he conseguido varios que me resultan buenos pero no dan el resulatdo que quiero.
El que aparece arriba , me da resultados exactos y me consigo lo que quiero pero de manera tipo google y no es lo requerido.
El buscador de mas abajo me da el resultado exacto y de la forma que deseo pero solo una sola busqueda y de una sola palabra o categoria. Lo que deseo saber es de como poner varias url internas de mi pagina de manera que cuando alguien coloque casas, salga el link casas o si coloca videojuegos salga el link videojuegos, etc..
lo puede ver aqui.
http://www.tuayudaenventa.com.ve/blogroll.html
osea ver como yo puedo colocar varios url de las categorias que deseo consiga el cliente cuando coloque la palabra en el buscador.
Le doy el codigo del primero:
<BODY>
<!-- start of freefind search box html -->
<table cellpadding=0 cellspacing=0 border=0 >
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; ">
<form style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self">
<input type="hidden" name="si" value="47091246">
<input type="hidden" name="pid" value="r">
<input type="hidden" name="_charset_" value="">
<input type="hidden" name="bcd" value="&#247;"><center>
<input style="vertical-align: -10%;" type="radio" name="t" value="s" CHECKED>tu ayuda en venta<input style="vertical-align: -10%;" type="radio" name="t" value="w">google<br></center>
<input type="text" name="query" size="15">
<input type="submit" value="Buscar">
</form>
</td>
</tr>
<tr>
<td style="text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; padding-top:4px;">
<a style="text-decoration:none; color:white;" href="http://www.freefind.com" >site search</a><a style="text-decoration:none; color:white;" href="http://www.freefind.com" > by
<span style="color: #FFFFFF;">freefind</span></a>
</td>
</tr>
</table>
<!-- end of freefind search box html -->
<BODY>

Y ahora le doy el del segundo de abajo

<center><form id="searchthis" action="http://www.tuayudaenventa.com.ve/vehiculos.html"style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="15" type="text"/>
<input id="b-searchbtn" value="Search" class="blue" type="submit"/>
</form></center>

el primero esta bien si me diera el resultado de la forma del segundo.
Gracias de antemano por su asesoramiento desde Venezuela.

juan rulfo perez:
2018-03-27 20:03:53

probando

Deje un Comentario
[Opcional]
(No se mostrará en el sitio)
[Opcional]
[Opcional]

Ultimos Comentarios

jhonydepp dijo:

excelente recurso gracias por compartirlo

monipodio dijo:

Tu pagina es un horror,... o no es compatible con Chrome, no pude ver absolutamente nada, ni código fuente ni demostrativo. ...

candy neyra dijo:

como puedo obtener el codigo para implementar

Ramesh Sampangi dijo:

Really nice post. I liked it. Keep sharing some more posts again quickly! <a href="https://aipatasala.com/courses/DS@HYD/Data-Science-Course-in-Hyderabad">Data ...

teja aswani dijo:

This is a well-written article. I read the material and found it to be extremely beneficial. Thank you for sharing this information. ...

Artificial Intelligence course in Chennai dijo:

I really enjoy every part and have bookmarked you to see the new things you post. Well done for this excellent article. Please ...

AWS Training in Hyderabad dijo:

Excellent pieces. Keep posting such kind of info on your blog. I?m really impressed by your site. <a href="https://www.kellytechno.com/Hyderabad/Course/amazon-web-services-training">AWS ...

www.amazon.com/mytv dijo:

<a href="https://sites.google.com/view/avgcomenusactivation/" rel="dofollow">avg.com/retail</a> <a ...

Brajput123 dijo:

<a href="https://www.amzoncamzon.com/"> Amazon.com mytv </a> - you merely unboxed a fresh ...