如何設置輸入寬度佔位符文本匹配寬度

Question

例http://dabblet.com/gist/5859946

如果你有很長的佔位符，默認情況下，輸入不顯示寬度不足以顯示所有的佔位符文本。

例如

<input placeholder="Please enter your name, address and shoe size"> 

沒有設置固定寬度，最好是沒有javascript，你能設置輸入以顯示所有的佔位符文本？

Answer 1

這隻能通過JavaScript通過設置大小=佔位符長度來完成：

input.setAttribute('size',input.getAttribute('placeholder').length); 

這裏是一個劑量，對所有的輸入代碼： http://jsfiddle.net/KU5kN/

Answer 2

以防萬一有人想在jQuery中使用它，代碼將在下面。另外，如果placeholder屬性在接受的答案中不存在，您將收到錯誤，這在下面的jQuery示例中也會處理。

$("input[placeholder]").each(function() { 
     $(this).attr('size', $(this).attr('placeholder').length); 
    });