-1

入力内にテキストヒントを含むフォームがあります。フォーカスされたテキストを削除する方法は知っていますが、何も入力せずにクリックした場合、どうすれば元に戻すことができますか?

   <form class="grid"> 
        <section>
            <label id="top">Create New Contact</label>
        </section>
        <section>
            <span class="field"><input type="input" class="regular" id="firtName" value="First Name"></input></span>
        </section>
        <section>
            <span class="field"><input type="input" class="regular" value="Last Name"></input></span>
        </section>
         <section>
            <span class="field"><input type="input" class="regular" value="Salutation"></input></span>
        </section>
        <section>
            <span class="field"><input type="input" class="regular" value="Title"></input></span>
        </section>
        <section>
            <span class="field"><input type="input" class="regular" value="Department"></input></span>
        </section>
        <section>
            <span class="field"><input type="input" class="regular" value="Accountant"></input></span>
        </section>
        <section>
            <div id="lineDiv"></div>
        </section>
        <section>
            <a href="#" class="cancel" data-role="button" data-inline="true" data-mini="true">Cancel</a>

            <a href="#" id="save" data-role="button" data-inline="true"  data-mini="true">Save</a>
        </section>
    </form>

    jQuery('input').focus(function() {
       jQuery(this).val('');
    });
4

2 に答える 2

0

独自にクックしたり、(ばかげた) html5 機能を使用したくない場合は、プレースホルダー プラグインがたくさんあります。

最も簡単な手動の方法は、すべての入力で属性を属性と.focus交換.blurするイベントをバインドすることです。シンプルで効果的。placeholder_placeholder

注: html5 をまったく使用したくない場合は、placeholder適切に動作させるためにさまざまなフォントをいじる必要があることを意味するため、手動で行うことはお勧めしません。かなり複雑で、一般的にはそうではありません。時間の価値があります。

于 2013-09-10T13:32:34.800 に答える