ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryは重複しない検索ボックスプロンプトeffect_jqueryを実装します

jqueryは重複しない検索ボックスプロンプトeffect_jqueryを実装します

WBOY
リリース: 2016-05-16 17:04:53
オリジナル
1125 人が閲覧しました

JQUERY を使用して 2 つの INPUT ボックスを重ねて、ログイン時に入力する必要があるユーザー名とパスワードを実現し、プロンプトとユーザー出力を実現しています。具体的な方法は次のとおりです。 🎜>
次は INPUT ボックスのコードです:

コードをコピーします コードは次のとおりです:


以下は JQUERY コードです:

コードをコピー コードは次のとおりです:
//検索のデフォルト値を設定します
$ (".search_text").focus(function(){
if($(".search_text").val()== '検索'){
$(".search_text").val(""); white-space:pre"> } else{
$(".search_text").val($( ".search_text").val());

}); .blur(function(){
if($(".search_text").val()==''){
$(".search_text").val("search");
}else{
$(".search_text").val($(".search_text") val());
}
});


形式は調整しません. 結局のところ、これはプログラミングで使用される IDE エディタではありません。興味のある方はぜひご覧ください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート