1
<input type="text" name="theName" value="password"
onblur="if(this.value == ''){ this.value = 'password'; this.style.color = '#333'; this.type="text";}"
onfocus="if(this.value == 'password'){ this.style.color = '#666';}"
onkeypress="if(this.value == 'password'){ this.value = ''; this.style.color = '#000';this.type="password";}"
style="color:#BBB;" />

このように、テキストフィールドがオンフォーカスで何も書かれていない場合、DefaultValue は明るい色で表示されます。(Facebook の検索バーに似ています)... しかし、id が機能しません... 何を書き間違えましたか?

私が得られないもう1つのことは、このjavascriptを取得して、次のようなタグに入れる場合です。

<script type="text/javascript">
function passfocus(){
   if(this.value == 'password'){this.style.color = '#666';}}
function passblur(){
   if(this.value == 'password'){ this.style.color = '#666';}}
function passkey(){
   if(this.value == 'password'){
      this.value = ''; this.style.color = '#000';this.type="password";}}
</script>

そして、このスクリプトをテキストフィールドで次のように呼び出します。

<input type="text" name="theName" value="password" onblur="passblur()"
onfocus="passfocus()" onkeypress="passkey()" style="color:#BBB;" />

もう何も機能しません...私はちょっとすべてを台無しにしたと思います!!

4

1 に答える 1

1

単純にplaceholderHTML5 属性を使用しないのはなぜですか?

<input type="text" placeholder="Default value"/>
于 2013-03-28T14:45:12.573 に答える