波パスワード認証メッセージの模倣

私たちはこの1つの出力を設定したパスワードの下で模倣されますの下にここで波のログインボックスです!

 

 まだ使用フォーム要素となります

 そして、pタグが主に使用促さ

p.className =「A1」;要素のプロパティのクラス名を追加します:

<!DOCTYPE HTML> 
<HTML LANG = " ZH " > 
<HEAD> 
    <メタ文字コード= " UTF-8 " /> 
    <メタ名= " ビューポート"コンテンツ= " 幅=装置幅、初期の規模= 1.0 " / > 
    <メタHTTP-当量= " X-UA-互換"コンテンツ= " IE =縁" /> 
    <スタイルタイプ= " テキスト/ CSS " > 
        DIV { 
            幅:600PX。
            マージン:90PX自動;
            表示:インライン </スタイル>- ブロック; 
            フォント - サイズ:12ピクセル; 
            色:#999 ; 
            背景:URL(IMG /b.png)無繰り返し左中央。
            背景 - サイズ:含まれています。
            パディング - 左:20ピクセル; 
        } 
        .A1 { 
            色:赤。
            背景 -image:URL(IMG / k.png)。    
        } 
        .a3 { 
            色:緑。
            背景:URL(IMG / b.png)。
        }
     
    <タイトル>ドキュメント</タイトル> 
</ HEAD>querySelector( " 入力" )。
        VAR 
    のp = document.querySelector(" P " ); 
        ipt.onblur = 関数(){
             IF(ipt.value.length> 16 || ipt.value.length < 6。){ 
                p.className = " A A1 " 
                p.innerHTML = " 正しいパスワードを入力してください" 
            } 
            { 
                p.className = " A A2 " ; 
                p.innerHTML = " 正しいフォーマット" 
            } 
        }
     </ SCRIPT> 
</ body> 
</ HTML>

ここでは、元のページには、あなたが良いだろう絵でオリジナルのクロスを変更することができますです!

 

 

 

おすすめ

転載: www.cnblogs.com/niuyaomin/p/11828287.html