テキストフィールドをあらかじめ入力するスクリプト

Question

私は、あなたの電子メールアドレスを記入するようなテキストでoptinフォームのテキストフィールドを埋めるスクリプトを見つけようとしています。私は彼らがネット上にいることは知っていますが、それを探しているのは、テキストフィールドの下のドロップダウンから提案がリストされているjavascriptの自動入力スクリプトだけです。

Answer 1

これは私のウェブサイトExpiringlinks.coで使用しているものです。これを1つの入力にのみ適用したい場合は、$（ 'input'）を$（ '＃yourinputid'）に変更してください。入力フィールドには、前のテキストと同じ値のフィールドが必要です。ラベル上のIDを必要としない、あなたの入力フィールド

<input type="text" value="Whatever you want to show before the click" /> 

Answer 2

jsFiddle example

あるいは、わずかに異なるfiddleについては

var tempValue=''; 
    $('input').click(function(){ 
     tempValue = $(this).attr('value'); 
     $(this).attr('value',''); 

    }); 

    $('input').focusout(function(){ 
     if ($(this).attr('value')==''){ 
     $(this).attr('value',tempValue); 
     } 


    }); 

が、中に包まれるために、テキストボックス/ラベルを必要としますたとえば、<p>タグのようなものです。

HTML

<input type="text" name="email_address" id="Email" /> 
<label for="Email" id="EmailLabel">Please enter your email address</label> 

CSS

label 
{ 
    display: none; 
} 

jQueryの

$(document).ready(function() 
{ 
    $('#Email').focus(function() 
    { 
     $('#EmailLabel').show(); 
    }).blur(function() 
    { 
     $('#EmailLabel').hide(); 
    }); 
}); 

Answer 3

HTML5は、あなたがこの

<input name="email" placeholder="Enter your email address" /> 

のように使用することができますプレースホルダーテキストを、サポートしています10

これは、テキストフィールドをクリックすると自動的に消えます。古いブラウザでは、上記の提案のいずれかを使用することができます。