入力フィールドにはブラウザが記憶している初期値がありますが、表示したくありません

Question

この入力テキストフィールドには2つのことがあります。

<input type="text" value="email@abc.com" name="Email" id="Email" 
onblur="if (this.value == '') {this.value = 'email@abc.com';}" 
onfocus="if (this.value == 'email@abc.com') {this.value = '';}" /> 

初期値は「email@abc.com」に設定されていますが、私は彼らがテキストフィールドに入力されていない場合にのみ、灰色にテキストの色を変更したいです。

他のウェブサイトの他の入力フィールドに入力した単語のドロップダウンメニューを持つブラウザが異なるという問題もあります。ブラウザが生成するリストをクリアするにはどうすればよいですか？

Answer 1

「透かし」に関してはHow do you disable browser Autocomplete on web form field/input tag?

を見て（あなたはjQueryのに反対していない場合）、私はお勧めしますplaceholder plugin（ただし、Googleの「プレースホルダー」、「ウォーターマーク」、「html」（またはそれらの任意の組み合わせ）の場合、多くのオプションがあると確信しています）

asid e、私は<script>タグのセットで書式を維持し、独自のマークアップを残します。マークアップはマークアップでなければなりません。 Javascriptを使用して、クロスブラウザのソリューションをしたい場合は、タグ付き）ラインに

Answer 2

<input type="text" onblur="if(this.value==''){this.value='Enter your email address'};" onfocus="if(this.value=='Enter your email address'){this.value=''};" value="Enter your email address" size="10" alt="username" class="bt login_input" id="mod_login_username" name="username"> 

このウェブサイトを参照してください。自動人口について

http://www.mrmachinery.com/

使用放火犯

Answer 3

色は、あなたが既に持っているイベントハンドラに変更し、this.style.color = "grey";を呼び出すことができ、別々にしていないことを補完する必要がありますが、HTML5はplaceholder属性を含み現時点では十分サポートされていません。

イベントハンドラでコードが読みにくくなるのを防ぐには、イベントハンドラを<script>に配置することをおすすめします。オートフィルを停止する

<script> 
    document.getElementById('Email').onblur = function() { 
     if (this.value == '') { 
      this.value = 'email@abc.com'; 
      this.style.color = "grey"; 
     } 
     else { 
      this.style.color = "black"; 
     } 
    }; 
    // etc. 
</script> 

、何もしなかった<input autocomplete="off" />（StackOverflow Answer）