検索ボックスのイーストエンドのバージョン！！！

上記の東には、次のコードを書いて同期させるための検索ボックスです。テキストが消えて、どのような焦点は、フォーカスイベントメソッドは、ここではそれらにない迷子に！

以下のフォームイベントを使用します。

フォームイベント

HTMLフォームでトリガイベントアクション（ほぼすべてのHTML要素に適用されるが、フォームの中で最も一般的な要素）：

プロパティ	値	説明
onblur	脚本	要素がフォーカスを失ったときに実行するスクリプト。
onchange	脚本	要素の値が変更されたときに実行するスクリプト。
oncontextmenu	脚本	ときに、コンテキストメニューがトリガーされたときに実行されるスクリプト。
ONFOCUS	脚本	要素がフォーカスを取得したときに実行するスクリプト。
onformchange	脚本	フォームが変更されたときに実行するスクリプト。
onforminput	脚本	フォームは、ユーザーの入力を実行するスクリプトを取得するとき。
oninput	脚本	要素は、ユーザー入力を取得したときにスクリプトが実行されると。
oninvalid	脚本	時に無効な要素を実行するスクリプト。
onreset	脚本	リセットボタンがフォームでクリックされたときに発生します。HTML5がサポートされていません。
ONSELECT	脚本	選択された後、このトリガーの中国の要素。
onSubmit	脚本	フォームが送信されたときにトリガされます。

ここでは、コードへのリンクあり

<！DOCTYPE HTML> 
<HTML> 
    <HEAD> 
        <メタ文字コード= "UTF-8"> 
        <タイトル> </ TITLE> 
        <スタイルタイプ= "テキスト/ cssの"> 
            * { 
                パディング：0 ; 
                マージン：0 ; 
            } 
            DIV { 
                位置：相対。    
                幅：250ピクセル ; 
                高さ：20ピクセル ; 
                マージン：99px自動 ;
                / *ボーダー：2ピクセル固体赤。* / 
                概要：2ピクセル固体赤。
                アウトライン・オフセット：10pxの ; 
            } 
            DIV ::前 { 
                内容："手机"。
                フォントサイズ：20ピクセル ;
                / * 位置：絶対; * / 
                行の高さ：20ピクセル ; 
            } 
            入力 { 
                フォントサイズ：20ピクセル。
                位置：絶対 ; 
                高さ：30px ; 
                左：0 ; 
                トップ：50％ ; 
                マージントップ：-15px ; 
                国境：なし ; 
                概要：なし。
                不透明度：0.7 ; 
                
            } 
        </スタイル> 
    </ head> 
    <body> 
        <DIV ID = ""> 
            の<input type = "text"の名= "" ID = ""値= "" />
        <スクリプトタイプ= "テキスト/ javascriptの"> 

        VAR IPT = document.getElementsByTagName（ "入力"）; 
        VARさd = document.getElementsByTagName（ "DIV"）; 
        
        IPT [0] .onfocus =関数（） {             
            D [0] .setAttribute（ "スタイル"、 "色：＃999 ; "）;    
            
        } 
        IPT [0] .onblur =関数（） { 
            D [0] .setAttribute（ "スタイル"、 "色：＃111 ; "）; 
            
        } 
        IPT [0] .oninput =関数（） { 
//もし（IPT [0] .oninput）{IPT [0] .setAttribute（ "スタイル"、 "不透明度：1 ; " ）; }
            IPT [0] .setAttribute（ "スタイル"、 "不透明度：1;"）。
// D [0] .setAttribute（ "スタイル"、 "色：白;"）; 
            IF（IPT [0] .VALUE == ""） { IPT [0] .setAttribute（ "スタイル"、 "不透明度：0.7 ; "）; } 
        } 
        
    </ SCRIPT> 
    </ body> 
</ HTML>

検索ボックスのイーストエンドのバージョン！！！

フォームイベント

ここでは検索ボックスの検索結果ページでは、あなたの問題ではありません、あなたは次の効果を検証するために、公式サイトJingdongは電話に行くことができますバックボタンのようです！

おすすめ