Как сделать так, чтобы поле облегало текст?

Question

<input type=text class="input">

Как сделать текстовое поле облегающим?

Answer 1

Есть вариант с помощью JS:

let input = document.getElementByClassName("input");
let txt = "Привет!";
input.setAttribute("value", txt);
input.style.width = txt.length*8 + 'px';

Восемь пикселей--это примерная длина символа.