Como convertir un Input (button) en <burron> ?

[yopmail]

Hola, tengo un problemilla tonto, y es que necesito meter iconos dentro de un <input type="button" entonces decidi convertirlo en <button> pero al hacerlo literal no funciona.. alguien podria echarme una mano?

Código HTML:

 <input type="button" id="copyBlock" value="copiar"> 

Código HTML:

    document.getElementById("copyBlock").addEventListener('click', function(e) {
            // Sleccionando el texto
                document.getElementById("textarea").select();
            // Copiando el texto seleccionado
                var successful = document.execCommand('copy'),
                answer = document.getElementById("copyAnswer"),
                respuesta = {true : 'Copiado', false : 'Error al Copiar'};
 
                answer.textContent = respuesta[successful];
                window.setTimeout(function() {answer.textContent = ''}, 3000);
            });

Gracias..

[ocp001a]

No creo entender tu pregunta.

¿Quieres meter íconos dentro de un button?

o

¿Quieres que al pulsar dicho botón se ejecute una función que haga algo con los íconos?

¿Por qué no declarar el botón como button desde el inicio (html5)?

Por favor indica más detalles sobre tu pregunta.

[yopmail]

Iniciado por ocp001a

No creo entender tu pregunta.

¿Quieres meter íconos dentro de un button?

o

¿Quieres que al pulsar dicho botón se ejecute una función que haga algo con los íconos?

¿Por qué no declarar el botón como button desde el inicio (html5)?

Por favor indica más detalles sobre tu pregunta.

Gracias por responder, pues nada quiero cambiar la etiqueta <input> por <button> pero al hacerlo litarlemente, no me funciona...

El input solo permite poner texto dentro del boton

Código HTML:

 <input  value="copiar"> 

En cambio boton deja poner mas cosas

Código HTML:

 <button>Copiar </button> 

Es solo eso.. jeje

Gracias +1

[ocp001a]

No he investigado en profundidad, pero no estoy seguro que sea posible, ya que lo que puedes cambiar es el tipo de elemento, pero seguiría siendo un "input", en todo caso, creo que sería mejor sustituir el elemento con otro (replaceChild), si es con jquery replaceWith

[caricatos]

Hola:

Los elementos button son por defecto del tipo submit, así que como no pongas type="button", se enviará el fomulario (creo que es lo que te quiso decir el compañero al principio).

Saludos

[yopmail]

Cambie el

<input type="button" id="copyBlock" value="copiar">

por

<button class="btn btn-link" id="copyBlock" value="copiar"> </button>

Y funciona bien :O es correcto así? resulta que mi error era que dejaba puesto el Type... xd MUCHAS GRACIAS fue de gran ayuda