私のページには、最初のテキスト値が 'で、テキストは'という簡単なテキストフィールドがあります。ページのロードが、私は自動的に次を使用して、このボックスにフォーカスを設定した場合：テキストフィールドにはフォーカスがあり、ページの読み込みにはテキストでタイプが削除されます
<body onLoad="document.emvForm.EMAIL_FIELD.focus()">
ユーザーがボックスに入力し始めるとは反対に、それは、テキストをクリアしているので、私はそれをしたいと思い焦点を当てたテキストをクリアすること。
どうすればこの問題を解決できますか？
は、以下のことを試してみてください。
<input type="text" id="textField" />
<script type="text/javascript">
$(document).ready(function(){
// Set Text to be Default //
var txtVal = 'Enter Your Email Address';
$('#textField').val(txtVal).focus();
// On Focus //
$('#textField').focus(function(){
if ($(this).val() == txtVal) $(this).val('');
});
// on Blur //
$('#textField').blur(function(){
if ($(this).val() == '') $(this).val(txtVal);
});
});
</script>
ここでフィドルです：http://jsfiddle.net/wpZ8n/
私はこれが役に立てば幸い！
使用jQueryの
<input class="em" type="text" name="email" value="Enter your Email"/>
$(document).ready(function() {
$(function() {
$(".em").focus();
});
$(".em").keypress(function() {
var val = $(this).val();
if (val == 'Enter your Email') {
$(this).val('')
}
});
});
あなたはつもり単純なテキストフィールドの上に<span>または<label>そのあなたの位置を使用して、任意のテキストを入力フィールドに入力されているかどうかを監視する必要があります。そう、現代（HTML5対応）のブラウザで<span>または<label>
を非表示にした場合、以下のように、この機能は、単にplaceholder属性を使用して追加することができます。
<input type="text" placeholder="Enter your Email" />
最近のブラウザを、残念ながら、ありませんIE9を含む。 Placeholder in IE9、またに他のさまざまな方法を示しています。この回答で答えに
https://github.com/mathiasbynens/jquery-placeholder
（クレジット：IE9前で、この作業をするためには、（一例として）次のスクリプトを使用することができますIEでそれを行い、答えを比較する）
彼は私の単純なテキストフィールドを作ろうとしています - ページの読み込みに集中するように設定しました – Faraona
これは、ボックスにフォーカスがあるときにテキストを非表示にします。情報が入力されていますか？ – adriaanp
これは、フォーカスしているテキストを隠して、私が彼が求めている情報が入力されていない場合にのみ、デフォルトのテキストに戻します。 – dSquared