2016-12-25 9 views
0

入力値に基づいて<input type="text" />を縮小(および可能であれば伸ばす)するにはどうすればよいですか?私は、入力が短すぎると入力要素の内側の "マージン"を減らす方法を教えてください。テキスト入力の幅をその値に基づいて動的に変更(または少なくとも縮小)する方法はありますか?

https://jsfiddle.net/hstutyex/3/

私の実際のプロジェクトには、日付ピッカーを使用し、日付の書式は、レイアウト上の問題が発生する入力、より著しく短いです。

JSレスソリューションは高く評価されますが、JS(およびjQuery)を使用することができない場合は問題ありません。

+0

も参照してくださいhttp://stackoverflow.com/questions/8100770/auto-scaling-inputtype-text- to-width-of-value – tocqueville

+0

aah、大丈夫です。英数字以外の文字を使用すると、実際には単純な解決策がないようです。 – akai

答えて

0

使用onKeyPressイベントはそれを行うために、以下の例である:

<input type="text" 
 
     onkeypress="this.style.width = ((this.value.length + 1) * 8) + 'px';">

関連する問題