Come impostare una larghezza di ingresso in modo che corrisponda il testo segnaposto larghezza

Question

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

Se si dispone di una lunga segnaposto, l'ingresso di default non visualizza troppo piccolo per mostrare tutto il testo segnaposto.

ad es.

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

Senza impostare una larghezza fissa e preferibilmente nessun javascript, è possibile impostare l'input per mostrare tutto il testo segnaposto?

Answer 1

Questo può essere fatto solo tramite JavaScript impostando la dimensione = lunghezza segnaposto:

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

Ecco un codice che dose che per tutti gli ingressi: http://jsfiddle.net/KU5kN/

Answer 2

Solo nel caso qualcuno vuole usalo con jQuery, quel codice sarebbe sotto. Inoltre, se l'attributo placeholder non esiste nella risposta accettata, si otterranno degli errori, anch'essi curati nell'esempio jQuery di seguito.

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