0

私はトレーニング組織のオンライン登録フォームに取り組んでいます。テキスト入力ボックスのラベルは、http://attardi.org/labels/のソリューションを使用して入力自体の中に配置されています。

Chrome、Firefox、IE9、IE8で完全に動作しますが、何らかの理由でIE7で問題が発生します(驚き、驚きです!)

ラベルがある領域の入力フィールドをクリックすると、ブラウザは入力にフォーカスしません。入力フィールドは、ラベルの後の空白をクリックした場合にのみライブになります。奇妙なことに、入力フィールドの少し下をクリックした場合に表示されます。

これはCSSまたはJavaScriptの問題ですか、誰かが解決策を提案できますか?

フォーム全体はhttp://testing.xenongroupadmin.com/enrolmentでアクセスできますが、注意してください。HTML、CSS、およびHTMLファイルは非常に大量であり、ふるいにかけるのに時間がかかる場合があります。

4

1 に答える 1

1

リンクしたスクリプトを破棄します。

通常の html5placeholder属性 ( http://davidwalsh.name/html5-placeholder ) を使用します。これは、ほとんどのブラウザーで必要なものを取得するための最もクリーンなソリューションです。IE7/8 を処理するには、次のように javascript shivを使用できます。

于 2012-10-23T09:35:15.297 に答える