1

スペースを節約するために（そして物事をよりコンパクトに保つ​​ために）、プレースホルダーを示す入力ボックスを追加しました

<input id="username-search" placeholder="view another users work">

ユーザー名を追加した後、プレースホルダーのテキストを次のように変更したいと思います

<input id="username-search" placeholder="viewing -theuser-'s work">

ユーザーが入力ボックスに追加したテキストを削除するだけでなく、テキストが入力されるとプレースホルダーが消えます。

何か案は？

4

2 に答える 2

1

とてもシンプルです。これを試して：

var input = document.getElementById('username-search');
input.onclick = function() {
    input.setAttribute('placeholder', "viewing " + input.value + "'s work");
    input.value = '';
}

ボックスに何かを入力し、ボックスをクリックします。値は削除されますが、プレースホルダーは「Adam の作品を閲覧中」で更新されます。

于 2013-02-01T12:20:03.430 に答える