テキストボックスで右詰め表示させたい
-
0 名前： えくせれんと ： 2006/07/16（日） 13:46 ID:GRNMRsJr
- ＨＴＭＬ初心者です。
指定している幅よりも入力桁数が大きいＨＴＭＬテキストボックスで右詰め表示をしたいのですが、
うまくいきません。
右詰め表示させるのは以下のように記述することでよいみたいなのですが、
<input type="text" style="text-align:right">
入力桁数が指定幅よりも大きいため、表示したときに左詰めになってしまいます。
よい案がありましたら教えてください。
よろしくお願いします。
-
1 名前： えくせれんと ： 2006/07/16（日） 13:46 ID:lH8YOdVA
- 回答が得られないようなので、補足します。
たとえば指定幅＝８で入力桁数＝１０の場合、
入力内容が１２３４５６７８９０であれば
テキストボックスの初期表示内容は３４５６７８９０としたいのです。
HTMLでできるのかどうか知っている方がいれば教えてください。
よろしくお願いします。
-
2 名前： Script41 ： 2006/07/16（日） 13:46 ID:8vUmtKjp
- HTMLでは出来ないのではないかと思います。
スクリプトを使った場合でも、以下のコードでIEではフォーカスを末尾に移動できましたが
Firefoxでは期待した動作になりませんでした。
<input type="text" size="4" value="1234567890" id="i">
<script type="text/javascript">
<!--
var tid = "i" // フォーカスを末尾に動かす対象のID
iobj = document.getElementById(tid);
iobj.focus();
iobj.value = iobj.value + "";
//-->
</script>
※ただ、元々の要望が、なぜそのような動作を期待するのか？ 謎です・・・。
