1

placeholderIE9ブラウザに表示されません...以下に私の
コードを提供します...ie9のjqueryまたはcssハックを書く必要がありますか

http://defie.co/contact.html

<div class="span6">
    <i class="bookmarkingContact"></i>
    <h3 style="margin-bottom: 22px;">Inquiry</h3>

    <input class="span2" type="text" name="email" placeholder="User Name">
    <input class="span2" type="text" name="email" placeholder="Company">
    <input class="span2" type="text" name="email" placeholder="Email">
    <input class="span2" type="text" name="email" placeholder="Password">
    <a href="#" style="position: relative; top: 13px;">Sign Up</a>
</div>
4

3 に答える 3

5

プレースホルダーが ie9 ブラウザーに表示されない

placeholderIE < 10 は HTML5属性をサポートしていません。

Quirksモード

于 2013-03-09T22:01:18.427 に答える
1

タグのプレースホルダー属性は、inputInternet Explorer 9 以前のバージョンではサポートされていません。したがって、JavaScript を使用して効果をシミュレートするか、入力の横にラベルを追加するか、IE のことは忘れてください。

于 2013-03-09T22:04:03.147 に答える
0

IE9 はサポートしていません。IE9 で同じ効果を作成するために私が行ったことは、プレースホーダーがサポートされているかどうかを確認する JavaScript 関数を作成することでした。そうでない場合は、jQuery を介してフォーム要素フィールドにテキストを表示します...

/*AN HTML5 INPUT ATTRIBUTE THATS REALLY COOL*/
var placeHolderSupport = ('placeholder' in document.createElement('input'));

/*IF PLACEHOLDER IS NOT SUPPORTED...*/
if(!placeHolderSupport) {

/*GET THE ID OF EACH FORM ELEMENT*/
fname       = $('#fname');
femail      = $('#femail');
furl        = $('#furl');
fcomment    = $('#fcomment');
fsubmit     = $('#sendbtn');

/*DEFINE DEFAULT VALUES FOR EACH INPUT FIELD*/
fnameval    = "Your Full Name";
femailval   = "Your E-mail Address - (It will not be shared!)";
furlval     = "Your Web Site";
fcommentval = "Your Message";



        /*ASSOCIATE THE DEFAULT VALUES TO THE FORM INPUT FIELDS*/
        fname.val(fnameval);
        femail.val(femailval);
        furl.val(furlval);
        fcomment.val(fcommentval);

        /*CYCLE THROUGH EACH INPUT FIELD TO...*/
            $.each([
            {selector: fname,   mvalue: fnameval},
            {selector: femail,  mvalue: femailval},
            //{selector: furl,    mvalue: furlval},
            {selector: fcomment,mvalue: fcommentval}
            ],function(i, obj) {

              /*...SHOW OR HIDE DEFAULT VALUES*/
                obj.selector.focus(function() {
                    if(this.value == obj.mvalue) { this.value = ''; };
                }).blur(function() {    
                    if(!this.value) { this.value = obj.mvalue;};
                });
    }
于 2013-03-09T22:09:03.290 に答える