5

これはウェブ全体で見られますが、入力値をぼかして表示する最も簡単な方法の JavaScript コードを誰かが持っているかどうか疑問に思っていましたが、フォーカスを非表示にします。

4

7 に答える 7

17

これはいつも私のために働いた：

<input 
    type="text" 
    value="Name:"
    name="visitors_name" 
    onblur="if(value=='') value = 'Name:'" 
    onfocus="if(value=='Name:') value = ''"
 />
于 2011-03-23T12:17:18.283 に答える
17

これはまだ Google で取り上げられているので、HTML 5 ではプレースホルダー属性を入力と共に使用して、これを 1 つの html で実現できることを指摘したいと思います。

<input type="text" id="myinput" placeholder="search..." />

プレースホルダーは最新のブラウザー全体で標準になっているため、これは実際に推奨される方法です。

于 2012-08-13T14:38:30.757 に答える
7

私はjQueryの方法を好みます：

$(function(){
    /* Hide form input values on focus*/ 
    $('input:text').each(function(){
        var txtval = $(this).val();
        $(this).focus(function(){
            if($(this).val() == txtval){
                $(this).val('')
            }
        });
        $(this).blur(function(){
            if($(this).val() == ""){
                $(this).val(txtval);
            }
        });
    });
});

これは、ZackPerdueによってjQueryを使用してフォーム入力値をフォーカスで非表示に変更されています。

于 2012-08-09T12:12:52.313 に答える
5

私が知っている最も簡単なアプローチは次のとおりです。

<input 
    name="tb" 
    type="text" 
    value="some text"
    onblur="if (this.value=='') this.value = 'some text'" 
    onfocus="if (this.value=='some text') this.value = ''"  />
于 2009-07-03T05:33:46.310 に答える
1

有効なHTMLを気にしない場合は、placeholder属性を使用します。Safariではそのままで動作し、他のブラウザでこの動作を模倣するために目立たないJSを追加できます。

もっと読む：

そしてグーグル。;-)

このソリューションは、Josh Stodolaが投稿したものと似ていますが、より柔軟で普遍的です。

于 2009-07-03T05:42:08.093 に答える
0

すべてのブラウザの場合:

<input onfocus="if(this.value == 'Your value') { this.value = '';}" onblur="if(this.value == '') { this.value = 'Your value';}" value="Your value" type="text" name="inputname" />

ブラウザの最新バージョンの場合:

<input type="text" name="inputname" placeholder="Your value" />
于 2014-04-26T03:46:08.937 に答える
0

これは、私がブログで使用しているものです。そこに行って、背後にあるソースコードをチェックしてください。

function displaySearchText(text){
    var searchField = document.getElementById('searchField');
    if(searchField != null)
        searchField.value = text;
}

入力フィールドは次のようになります。

<input id='searchField' name='q' onblur='displaySearchText("Search...");' onfocus='displaySearchText("");' onkeydown='performSearch(e);' type='text' value='Search...'/>
于 2009-07-03T05:30:49.727 に答える