如何根據文字輸入的值自動調整其寬度？

依值長度決定輸入[type=text]寬度

問題：

問題：

問題：

問題： 的寬度可以是元素會自動調整以符合其值的長度嗎？

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

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

答案：

是的，有兩種方法可以實現此目的：

方法一：設定尺寸屬性下面的JavaScript程式碼設定了尺寸屬性元素到其值的長度：方法2：使用CSS 文字測量為了更精確的擬合，您可以使用CSS技術來計算輸入文字的像素寬度。有關詳細信息，請參閱此相關答案：[input[type=text] with sized width?](https://stackoverflow.com/a/4926882/1363694)

以上是如何根據文字輸入的值自動調整其寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！