aumentar ancho de un input conforme metemos caracteres en el

[mensajeescrito]

Una pregunta, estoy haciendo un formulario, y me gustaria saber, si es posible hacer que los campos inputs aumenten su ancho conforme se vayan introduciendo mas caracteres dentro de ellos.

Si es asi alguien me podria indicar algun enlace para verlo.

o como podria hacerlo mediante javascript o jquery ,no se.

es que estoy investigando y no encuentro nada en este sentido.

gracias de antemano

[Alexis88]

Trabaja con el evento keyup para que cuando insertes o elimines caracteres, vayas aumentando píxeles al ancho del elemento.

Un ejemplo:

Código Javascript:

document.querySelector("#el id").addEventListener("keyup", function(event){
    //Si hay más de 24 caracteres y no se pulsó la tecla de borrado (backspace)
    if (this.value.length > 24 && event.keyCode != 8){
        //Aumento 7.75 píxeles al ancho de la caja
        this.style.width = parseInt(getComputedStyle(this).width) + 7.75 + "px";
    }
 
    //Si hay más de 24 caracteres y se pulsó la tecla de borrado (backspace)
    if (this.value.length > 24 && event.keyCode == 8){
        //Disminuyo 7.75 píxeles al ancho de la caja
        this.style.width = parseInt(getComputedStyle(this).width) - 7.75 + "px";
    }
}, false);
 

Saludos