値に基づいてテキスト入力の幅を自動的に調整するにはどうすればよいですか?

値の長さに基づいて入力[type=text]幅を決定する

質問:

の幅は変更できますか?要素はその値の長さに一致するように自動的に調整されますか?

答え:

はい、これを実現するには 2 つの方法があります:

方法 1: サイズ属性の設定

次の JavaScript コードはサイズを設定します の属性要素をその値の長さに合わせます:

function resizeInput() {
    $(this).attr('size', $(this).val().length);
}

$('input[type="text"]')
    // event handler
    .keyup(resizeInput)
    // resize on page load
    .each(resizeInput);

方法 2: CSS テキスト測定を使用する

より正確にフィットさせるには、CSS テクニックを使用して計算できます。入力テキストのピクセル幅。詳細については、この関連する回答を参照してください: [input[type=text] with izing width?](https://stackoverflow.com/a/4926882/1363694)

以上が値に基づいてテキスト入力の幅を自動的に調整するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。