テキスト量の入力後のサイズの入力方法

Question

入力ボックスの長さをテキストの長さに比例させるにはどうすればよいですか？

<div class="kontakt"> 
       <h2>Kontakt oss</h2> 
       <p>Hei! Jeg heter <input type="text" name="navn" placeholder="navn">, og jeg lurer på følgende:</p> 

CSSは：

.kontakt { 
margin-top: 4%; 
font-size: 80%; 
text-align: center; 
} 
.kontakt input{ 
    border:none; 
    border-bottom: 1px solid black; 
    background:none; 
    color:white; 
    opacity: 0.7; 
    text-align: center; 
    size: relative; 
} 

Answer 1

これはあなたを助ける：あなたはこれを試すことができ

adjustable text area

---

$('input[type="text"]').keypress(function(e) { 
    if (e.which !== 0 && e.charCode !== 0) { // only characters 
     var c = String.fromCharCode(e.keyCode|e.charCode); 
     $span = $(this).siblings('span').first(); 
     $span.text($(this).val() + c) ; // the hidden span takes 
             // the value of the input 
     $inputSize = $span.width() ; 
     $(this).css("width", $inputSize) ; // apply width of the span to the input 
    } 
}) ; 

Answer 2

： -

style='width:20em' 

リンク： - Input size vs width