web-dev-qa-db-ja.com

HTML入力ボックスのデフォルトのテキストを入力開始後に削除するにはどうすればよいですか

たとえば、デフォルトのテキスト「名前」が入った入力ボックスがあるとします。ユーザーがボックスをクリックしたいのですが、ユーザーが入力を開始するまでテキストはボックス内に留まります。

私はnot入力ボックスをフォーカスした後にそれをクリアするコードを探しています。

ありがとう!

20
Jordan Clifton

プレースホルダー属性

<input type="text" placeholder="Type your name">
50
alexndm

何をしようとしているかは、対象とするブラウザのバージョンによって異なります。顧客がhtml5をサポートするブラウザーを使用している場合、@ alexndmからの回答が機能します。ただし、多数のブラウザバージョンを持つ多数のオーディエンスをターゲットにしている場合。

この記事では、JavaScriptを使用するなど、古い方法で行う方法を示します。 html5タグオプションをサポートしていないFirefoxおよびその他のブラウザーでプレースホルダーテキストを取得するにはどうすればよいですか?

注:リンクした投稿のOPにも、必要に応じてhtml5が含まれています。

1
Steven