札幌Web制作のシンクグラフィカ

再入力について

dbさん (2010-02-08 13:21:28) moab.jp/fe/contact.html

素晴らしいメールフォームの無償でご提供いただき、本当にありがとうございます。

html、CSSは一通りわかるのですが、CGI、JavaScriptはあまり詳しくなく、
設置はできたのですが、入力の動作についてわからないことがあり書き込みました。

最初に入力する時は問題なく入力できるのですが、
一通り入力して、再度入力し直そうと、更新ボタンまたは、F5キーを押して再入力しようとすると、前回の入力内容が表示されないにもかかわらず、見えない状態で表記されている、という状態になります。入力の際に現れるはずのカーソルもでません。

例えば更新後、「氏名」のボックスをクリックします。しかし、カーソルは現れず、編集モードにはなりません。ですが、次に「住所」のボックスをクリックすると、さきほどクリックした「氏名」のボックスに、更新前に入力した内容が現れます。
という状態です。

恐らく、「mailform.jp」にて、
テキスト、カーソルの色指定が背景と同じ色になってしまっているために見えないのだろうと思うのですが・・・その色指定をする場所がわからず困っています。

ちょっとわかりにくい内容で申し訳ないのですが、ご教示いただけますと幸いです。

RE:再入力について

シュウさん (2010-02-09 03:39:35) money-sense.net/

横レスおゆるしください。

ざっと拝見しましたところ、明示的にinputの文字色を指定していないからかもしれません。

CSSのカスケーディングではなく、そのものに文字色を指定すると
経験則上Javascriptとの整合性が保てます。
_include_wide.cssのdiv#contentsで文字色は継承されているのですが、jsでなにかしているのかも。
ざっとみたところ、対象のstyle.colorを変更しているようには見えないのですが・・・

Javascriptの関係で再読み込み時に文字色がわからなくて、
ブラウザの標準である#000000で
表示されているものと思います。

解決になるかわかりませんが、
mailform.cssの
input.mfp {
padding: 2px;
background: #000;
border: solid 1px #696969;
}

input.mfp {
padding: 2px;
background: #000;
border: solid 1px #696969;
color: #FFF;
}
と明示的に指定してやれば再読み込み時にも白文字で表示されるかもしれません。
ちなみにFirebugでは再読み込み時にも白文字で表示されました。