1

入力の値属性があります。テキストボックスにコンテンツがない場合は、その特定のテキストボックスのフォーカスで消え、ぼかしで再表示する必要があります。

これは私の現在の HTML コードです。

 <label>First Name</label></td>
 <input class="required" type="text" name="firstname" value="Fill" id="firstname" /><span>(required)</span>

同様に、私は別のことを試しました.フォーカスが入っているとき(テキストボックスA)、新しいテキストボックス(B)が表示され、フォーカスが外れているとき(Aから)、Bが消えます.しかし、ここに何か問題があります.ユーザーが何かを入力する必要がありますボックスBにも.今、私はこれが必要です.フォーカスがAとBから外れると、Bだけが消えるはずです. 注: ページには多数のテキスト ボックスがあります。これはそのためのコードです。

$('#lastname').focusin(function () {
        $('input.hidden').fadeIn(1000);
        $('input.hidden').css('backgroundColor', 'yellow');
        }).focusout(function () {
        $('input.hidden').hide();
        });

前もって感謝します。

4

4 に答える 4

5 
​$("#firstname")​.on({
    focus: function() {
        if (this.value==='Fill') this.value = '';
    },
    blur: function() {
        if (this.value==='') this.value = 'Fill';
    }
})​;​

フィドル

古いブラウザーが問題にならない場合は、JavaScript は必要ありません。

<label>First Name</label>
<td> 
    <input placeholder="Fill" id="firstname" />
    <span>(required)</span>
</td>​

フィドル

于 2012-08-18T11:10:33.943 に答える
1 
<input type="text" id="sample" value="Fill"/>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

次に、を使用Jqueryして、focusBlurtextbox

     $('#sample')​.on("focus",function(){
             $(this).val("");
            }).on("blur",function(){
             $(this).val("Fill");
                                       })​;​​

ライブデモ

于 2012-08-18T11:15:51.447 に答える
1 
var fill = $('#firstname').val();

$('#firstname').on('focus', function() {
    $(this).val('');
}).on('blur', function() {
    if ($('#firstname').val() == "") {
        $(this).val(fill);
    }
});​

実際の例

于 2012-08-18T11:06:30.880 に答える
1

試す：

$(".required").on("blur", function(){
  $(this).attr("value", "Fill");
}).on("focus", function(){
  $(this).attr("value", "");
});

ジャスフィドル

于 2012-08-18T11:08:01.113 に答える