Enviar info con un <a href... > de un input

[erickmpos]

Buenas compañer@s,

Tengo la siguiente duda,les muestro un ejemplo:

Código HTML:

<form action="buscador_categorias.php" method="POST">
    Búsqueda: <input type="text" name="busqueda" maxlength="15"/>
   <input type="submit" value="BUSCAR" /><br /><br /><br />
</form>
 

Tengo ese form, ahi yo puedo pasar la info que viene en el input de busqueda: name"busqueda" y enviarlo a otra pagina.

Es posible hacerlo de alguna manera parecida a esta que hice:

Código HTML:

<form action="buscador_categorias.php" method="POST">
                   
    Búsqueda: <input type="text" name="busqueda" maxlength="15"/>
   <a href="buscador_categorias.php" class="button blue radius"><span                          
     class="icon-magnifying-glass"></span></a>
                    
</form>
 

le he quitado el FORM, pero sin embargo al darle el boton no me pasa el valor que hay dentro de "busqueda".
Se puede hacer algo asi por medio de creacion de botones, sin utilizar el SUBMIT?

Muchas gracias!
Saludos,

[xfxstudios]

no entiendo que quieres hacer y el porque de ese cambio???? si es por el estilo puedes utilizar el button por ejemplo o aplicarle el estilo e ese mismo, ahora si quieres realizar el envio de esa manera,, tendras que utilizar ajax enviar el form con js, igual no me explico

Código HTML:

<form action="buscador_categorias.php" method="POST">
                   
    Búsqueda: <input type="text" name="busqueda" maxlength="15"/>
  <button type="submit" class="button blue radius"><span                          
     class="icon-magnifying-glass"></span></button>
                    
</form>
 

[erickmpos]

Buenas xfxstudios,

Si, lo que quiero hacer es cambiarle el estilo al boton SUBMIT, pero no ecuentro la forma, pero por ahi vi que con <a href puedo hacer botones mas bonitos, tengo este codigo en CSS:

Código CSS:

.button{
    background: #7f8c8d;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin: 5px 5px;
    padding: 4px 5px;
    text-align: center;
    width: 50px;
    text-decoration: none;
    box-shadow: 0px 3px 0px #373c3c;
}
 
/*Colores botones */
.button.blue{
    background: #3498db;
    box-shadow: 0px 3px 0px #266792;
}
.button.dark{
    background: #2c3e50;
    box-shadow: 0px 3px 0px #266792;
}
 

Como podria hacer eso mismo con un SUBMIT?
porque lo he intentado de varias maneras y no logro cambiarle el color o ponerle un icono como este: class="icon-magnifying-glass"
Espero me de a entender, muchas gracias!

[erickmpos]

Amigo, no vi el codigo que me pasaste, lo acaba de aplicar y si me funciono correcto!
No sabia sobre el BUTTON.

Muchas gracias!!!!!!! me salvaste!

[xfxstudios]

facil solo le aplicas la clase al boton y listo y si lo que quieres es que tenga un icono de fontawesome o lo que sea utilizo los button

https://jsfiddle.net/xfxstudios/qbo2wjeo/

[erickmpos]

Ahora si, pura vida por esos ejemplos!

Gracias!!!!