人に聞けない痔の悩み、これでスッキリ >>

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

このQ&Aに関連する最新のQ&A

A 回答 (3件)

#1です。


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

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

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

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



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

<style type="text/css">
<!--
.migisoroe{
text-align:right;
}
-->
</style>

を追加してみてください。
    • good
    • 0
この回答へのお礼

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

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

手順としては、


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

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QinputタグのテキストBOXだけ右寄せにする方法

inputタグのボタンやテキストBOXが混在しているページがあります。
この中のテキストBOXだけ右寄せにしたいと思っています。

原始的なJavaSctiptは使わずに、かつID指定・class指定なしに。
シンプルにきれいに、が希望です。1つ1つ指定というのはしたくないです。

昔はJavaScriptでinputタグのものを全部持ってきて
全ループさせながらtypeを判定しテキストBOXのものだけを
どうこうするとか書きましたが、原始的なので書きたくありません。
というかもう少しスマートな書き方はないものかと思い
質問をすることにしました。


スタイルシートだけで書ければいいなと思いますがこれを知りません。
input:text {…}
みたいな書き方があればいいなと思っています。

これがダメな場合でもprototypeやjquery等のライブラリを使用し
シンプルなJavaScriptの記述で実現できればそれを知りたいです。


・原始的なJavaScriptは使わない
・id・class指定のスタイルシートは使わない
・スタイルシートだけでテキストBOXだけを右寄せにする方法
・JavaScriptライブラリを使用してテキストBOXだけを右寄せにする方法
・スタイルシート単独もJavaScriptライブラリを使用しても出来ない場合は
 「出来ない」との明言を

こんな感じでお願いします。
よろしくお願いします。

inputタグのボタンやテキストBOXが混在しているページがあります。
この中のテキストBOXだけ右寄せにしたいと思っています。

原始的なJavaSctiptは使わずに、かつID指定・class指定なしに。
シンプルにきれいに、が希望です。1つ1つ指定というのはしたくないです。

昔はJavaScriptでinputタグのものを全部持ってきて
全ループさせながらtypeを判定しテキストBOXのものだけを
どうこうするとか書きましたが、原始的なので書きたくありません。
というかもう少しスマートな書き方はないものかと思い
質...続きを読む

Aベストアンサー

はじめまして。
CSSだけで実現する方法としては属性セレクタ(Attribute selectors)と呼ばれる指定方法があります。ただしこれは、一般的なモダンブラウザでは対応しているはずですがIE6以下では反応しません。

書き方としては、
[attribute=value]

inputの1行テキストボックスだけに適応させるには、
input[type="text"] { (ここにスタイル) }

という書き方ができます。
ご参考になれば幸いです。

Q右寄せ表示方法

<INPUT TYPE="text" NAME="kakaku" SIZE="6" >
とした場合入力領域の中は普通もじは左づめで表示されますが、これを右寄せで表示するにはどうしたらいいのでしょう?align=rightとか使ってみましたがだめでした。

Aベストアンサー

スタイルシートを使えば、一応可能です。

<INPUT TYPE="text" NAME="kakaku" SIZE="6" style="text-align: right;">

としてみてください。
Windows Me上のIE6とNetscape7では、右寄せにできる事を確認しました。 Opera 6.05ではダメなようです。

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Qテキストボックスに数字しか入力できないようにするには?

タイトルの通りなのですが、あるテキストボックスに数字しか入力できないようにしたいのですが可能でしょうか?また、

「あいうえお 12345 「」:・、¥・」

というような文字列をコピーし、そのテキストボックスにペーストした際にも数字の12345だけが残るといった事も実現したいのですが…

どなたかご存知の方いらっしゃいましたら教えて頂けると幸いです。

Aベストアンサー

>英数字

では、こんな感じで

<input type="text" onKeyup="this.value=this.value.replace(/[^0-9a-z]+/i,'')">

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Q