Jörg Reinholz: Inputfeld-Größe dynamisch anpassen?

Beitrag lesen

SELF-Forum

Inputfeld-Größe dynamisch anpassen?

Jörg Reinholz
– Informationen zu den Bewertungsregeln

also ein Effekt wie wenn man: size='20%' maxlength='20%' tun könnte und das Feld immer den verfügbaren Platz einnimmt.

Einfach mit css:

td input {  
   width:100%;  
   //...  
}
  • und ein Inputfeld type=‘number’, möglicht bei allen Browsern (echte) size='5' hat?

Einfach mit html5 und oder Javascript:

<!doctype html>  
<html>  
  <body>  
    <input type="text" min=0 max=99999 pattern="[0-9]{0,5}" onkeyup="if ( parseFloat(this.value) > this.max ) { this.value=this.max; }; if ( parseFloat(this.value) < this.min ) { this.value=this.min; }">  
    <input type="submit">  
  </body>  
</html>

http://jsfiddle.net/LLo57t5t/

(Selbst zu kombinieren und zu verfeinern....)

Jörg Reinholz

Beitrag melden
–
Informationen zu den Bewertungsregeln