使文本框適應文本的寬度

是否有可能，只有使用CSS才能使輸入文本擴展或縮小到文本的寬度？使文本框適應文本的寬度

2012-11-25 ilyo

爲什麼你想呢？ –

@ JukkaK.Korpela我使用它來對文本中的文本進行實時編輯，因此它可以用作包含文本的元素大小的預覽 – ilyo

然後自然的方法是將'span'元素與'contenteditable'屬性一起使用。這避免了渲染「輸入」元素可能與正常元素不同的任何特性。 –

僅適用於CSS這是不可能的，你需要使用一些jQuery的這種作爲 -

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

$('input[type="text"]').keyup(resizeInput).each(resizeInput);

2012-11-25 08:16:50 Dipak

thanx，你爲什麼要用'each'？ – ilyo

@IlyaD每個用於啓動函數onload ...你可以刪除每個並看到效果:) – Dipak

當你將文本粘貼到字段中會發生什麼？ –

回答