Jak ustawić szerokość wejścia dopasować tekst zastępczy szerokość

Question

Przykład http://dabblet.com/gist/5859946

Jeśli masz długi zastępczy, wejście domyślnie nie wyświetla się na tyle szeroka, aby pokazać cały tekst zastępczy.

np.

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

bez wyznaczania stałej szerokości, a korzystnie nie javascript, można ustawić wejście pokazać cały tekst zastępczy?

Answer 1

Można to zrobić tylko za pośrednictwem javascript ustawiając size = długość zastępczy:

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

Oto kod, który dawka, która dla wszystkich wejść: http://jsfiddle.net/KU5kN/

Answer 2

Tylko w przypadku, gdy ktoś chce użyj tego z jQuery, że kod będzie poniżej. Ponadto, jeśli atrybut placeholder nie istnieje w zaakceptowanej odpowiedzi, dostaniesz błędy, o które zadbano również w poniższym przykładzie jQuery.

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