フォームのテキストの入力数字を右揃えにしたい！

解決済

質問者：takeji123
質問日時：2003/11/05 12:46
回答数：3件

Java Scriptを使って、単価×個数＝金額　をフォームのテキストフィールドに表示させたいのですが、表示される数字は左揃えになります。
これを右揃えにしたいのですが、どうすればいいのでしょうか？
お分かりの方、教えてください。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： yomo3
回答日時：2003/11/05 14:23

#1です。

ごめんなさい。ちょっと勘違い。
<input type="text" name="テキストボックスの名前" value="1" size="幅" maxlength="最大文字数" style="text-align:right;">
でＯＫですね。
幅がブラウザの種類やバージョンで違うのはご存知ですよね。
で、テキスト配置などのclassやstyleは多くのブラウザで意図通りに動くので、まぁ、良いのではないでしょうかね。
#1の方法は、入力用ではないときの右揃えの方法ですね。

- 0
- 件

通報する

この回答へのお礼

ご親切なご回答、有難うございます。
うまくゆきました！
助かりました。
#1の方法も、参考にさせていただきます。

通報する

お礼日時：2003/11/05 15:34

No.2

回答者： mousengoke
回答日時：2003/11/05 13:43

実際にこのスタイルをinput等のインライン要素に入れるのは間違ってるらしいのですが

右揃えにしたいテキストフィールドに
<input type="text" class="migisoroe">
のようにclass="migisoroe"を追加して<head>タグ内に

<style type="text/css">

</style>

を追加してみてください。

- 0
- 件

通報する

この回答へのお礼

お早いご回答、有難うございます。
右揃え成功です。
スタイルシートを使うとは、気が付きませんでした。
有難うございました。

通報する

お礼日時：2003/11/05 15:40

No.1

回答者： yomo3
回答日時：2003/11/05 13:26

手順としては、

１.表示文字を等幅フォントにします。
２.金額を何桁で（何文字で）表示するのか決めます。
３.金額を格納した変数の左側にその桁分の空白を付けます。
４.右から表示桁数分の文字列を取り出します。
以上で桁数分の文字列が出来上がりますが、これを表示しても、空白の連続は１個分しか表示されないので、表示される文字（例えば'_'など）で埋めたり、透明なイメージで埋めたりして、表示させます。
空白の表示はブラウザの種類やバージョンでかなり異なるので、ご自身の環境でうまくいっても、別の環境だとうまくいかない等と言うこともあります。お気をつけください。