10

わかりました。今日はヘルパーHTML関数を作成しています。次のようになります。

function Input($name,$type,$lable,$value= null){
  if (isset($value)) {
    //if (this.value=='search') this.value = ''
    echo '<label for="'. $name .'">'. $lable .'</label><input type="'.$type.'" name="'. $name .'" id="'. $name .'" value="'.$value.'" onfocus="if (this.value==\''.$value.'\') this.value = \'\' "/>';  
  }
  if (!isset($value)) {
    echo '<label for="'. $name .'">'. $lable .'</label><input type="'.$type.'" name="'. $name .'" id="'. $name .'" />'; 
  }
}

ご覧のとおり、値を挿入するとJavaScriptが実行されるため、ボックスをクリックすると、ボックス内のテキストが消えます。

質問：入力がないときに値を設定するにはどうすればよいですか？（stackoverflowの検索ボックスを見てください。ただし、入力ボックスをポイントしていないと、stackoverflowにある検索ボックスが返されません。おそらくonblurを使用していますか？私は正しいですか？

私が何を意味するのか理解していただければ幸いです。

わかりました、あなたの何人かは私が意味するものを理解していないので、見てください

クリックしないとき。

代替テキスト

私がそれをクリックしたとき。

代替テキスト

もう一度クリックしないとき。

代替テキスト

そのはず

クリックしないとき。

代替テキスト

私がそれをクリックしたとき。

代替テキスト

もう一度クリックしないとき。

代替テキスト

4

5 に答える 5

30

あなたはこれを求めている

<input ...
onfocus="if (this.value==this.defaultValue) this.value = ''"
onblur="if (this.value=='') this.value = this.defaultValue" />

更新：一部の新しいブラウザーは、プレースホルダー属性を追加するだけで、必要な処理を実行できます。

<input placeholder="Please enter your name" />

これがあなたのコードによるPHPです

echo <<<END
<label for="$name">$lable</label>
<input type="$type" name="$name" id="$name" value="$value" 
 onfocus="if (this.value==this.defaultValue) this.value = ''" 
 onblur="if (this.value=='') this.value = this.defaultValue"/>
END;
于 2010-07-25T15:27:04.823 に答える
3

私が正しく理解していれば、SOはこのHTML行を使用してその効果を実行します。

<input name="q" class="textbox" tabindex="1" onfocus="if (this.value=='search') this.value = ''" type="text" maxlength="80" size="28" value="search">

質問とは関係ありませんが、2番目のifステートメントをelseステートメントに置き換えることができます。

function Input($name,$type,$lable,$value= null){
  if (isset($value)) {
    //if (this.value=='search') this.value = ''
    echo '<label for="'. $name .'">'. $lable .'</label><input type="'.$type.'" name="'. $name .'" id="'. $name .'" value="'.$value.'" onfocus="if (this.value==\''.$value.'\') this.value = \'\' "/>';  
  }
  else {
    echo '<label for="'. $name .'">'. $lable .'</label><input type="'.$type.'" name="'. $name .'" id="'. $name .'" />'; 
  }
}

isset（$ value）がfalseを返す場合、trueまたはfalseの2つの値のいずれかしか返すことができないため、設定されていないことがわかります。

編集：この答えは無視してください。編集前の質問が何であったかは明確ではありませんでした。

于 2010-07-25T15:18:56.877 に答える
3

このページのソースを見ると、次のことがわかります

<form id="search" action="/search" method="get"> 
  <div> 
     <input name="q" class="textbox" tabindex="1" 
     onfocus="if (this.value=='search') this.value = ''" 
     type="text" maxlength="80" size="28" value="search"> 
  </div>
于 2010-07-25T15:19:19.733 に答える
2

または、入力したテキストに関係なくデフォルトに戻す場合は、これを使用してください...

<input ... 
onfocus="if (this.value==this.defaultValue) this.value = ''" 
onblur="if (this.value!=this.defaultValue) this.value = this.defaultValue" />
于 2012-03-10T16:27:35.103 に答える
0

これを試して。多分それはあなたを助けることができます：

<form action="/search" method="get">
<input type="text" name="q" value="Search..." onfocus="if (this.value == 'Search...') (this.value='')" onblur="if (this.value == '') (this.value='Search...')" />
于 2013-04-22T10:53:51.003 に答える