パスワード入力ボックスのプロンプト情報をjsで実装する方法（html5実装方法あり）_javascriptスキル

この記事の例では、パスワード入力ボックスのプロンプト情報を js で実装する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

今日、私たちの上司は、パスワード ボックスに「パスワードを入力してください」というプロンプト メッセージを追加する必要があると言いました。最初に入力タイプ属性を変更する方法を使用しようと考えたとき、一部の特殊なブラウザがサポートしていないことが判明しました。それ、IE 入力の type 属性は読み取り専用であり、動的に設定できないため、例は次のとおりです。

<input type="text" onfocus="changeTip(this);" id="passText" name="passText" value="请输入密码"/>
<input style="display: none;" type="password" onblur="changeTip(this);" id="pass" placeholder="" name="pass" value=""/>
<script type="text/javascript">
function changeTip(th){
 var passText = document.getElementById('passText');
 var pass = document.getElementById('pass');
 if(th.id == 'pass'){
  if(th.value == '' || th.value.length == 0 ){
   passText.style.display='';
   pass.style.display='none';
  }
 }else{
  passText.style.display='none';
  pass.style.display='';
  pass.focus();
 }
}
</script>

補足:

実際、上記のコードの大部分は、HTML5

のプレースホルダー属性を使用して解決できます。コードは次のとおりです。

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

追記: ここでは、非常に強力で使いやすい JavaScript の圧縮、書式設定、暗号化ツールをお勧めします (コードを暗号化したい人には、ここで js 暗号化関数を試してみてください):

JavaScript 圧縮/フォーマット/暗号化ツール: http://tools.jb51.net/code/jscompress

さらに、上記の js ツールの暗号化には eval 関数暗号化形式が使用されており、このサイトでは非常に強力で実用的な eval 関数暗号化用の次の復号化ツールも提供しています。

JS eval メソッドのオンライン暗号化および復号化ツール: http://tools.jb51.net/password/evalencode

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。