> Faqs > ¿Puedo usar una imagen en formato SVG como botón de submit de un formulario?

¿Puedo usar una imagen en formato SVG como botón de submit de un formulario?

Quisiera usar un icono como botón de submit de un formulario. Ese icono no es un archivo gráfico, sino un SVG.

<svg xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 20 20">
  <path d="M12.9 14.32a8 8 0 1 1 1.41-1...." />
</svg>

¿Es posible usar ese icono como un botón que, al pulsarlo, se envíe el formulario? (De preferencia sin usar Javascript, para que sea más accesible)

Responder la pregunta
Editar Hacer otra preguntaPreguntar

Respuestas

Hola!

Para eso tienes la etiqueta <button>, que dentro puedes poner un texto, como cualquier otro elemento de HTML, como podría ser una imagen SVG por ejemplo.

Cuando el <button> queda dentro de un formulario hace las veces de botón de submit, por lo que no tendrás que hacer nada en especial para que funcione.

<button>
<svg xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 20 20">
  <path d="M12.9 14.32a8 8 0 1 1 1.41-1...." />
</svg>
</button>
Juliana
5 1
Exactamente. Tienes que poner al button tipo submit