input_javascriptスキルの初期値として値を書き込まない具体的な実装方法

1. <span> タグを記述し、入力上に配置し、クリックおよび入力にフォーカスすると消えるようにします。

例えば、inputの初期値を作るのに、以前はinputの値にそのまま書いていました。しかしある日、開発者は、これは機能しない、値の 7788% を渡すだろうと言いました... @残りは理解することしかできませんが、言葉で表現することはできません。そこで、初期値を別途書かないといけないので、バカなので<span>タグで書いてinput上に配置し、クリック時とinputにフォーカスすると消えるようにしています。

必ず覚えるべき単語。インターネットにはたくさんありますが、それを見ずにただ作って使用するなら、あなたは世界で最も愚かな人間になります。 ！タイピングするときも手は震えていて、こんな小さなミスをした自分が本当に許せません。怠け者で愚かな人のために。思いつくところに正しい言葉を並べるだけです。

previousSibling は前のノードを検索します。

nextSibling は次のノードを見つけます。

html

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

<label class="password">
<span class="passText" onClick="CHECKON.hide(this,oldpwd)" id="oldPass">元のパスワード</span>
<input type="password" name="oldpwd" id="oldpwd" onfocus="CHECKON.showHelpInfo(this);" class="text" autocomplete="off" /> /label>

.password{ 位置:相対; }
.passText{ 位置:絶対; フォントサイズ:14px; }

js、長い長い長い長い単語に注目してください。 ！ ！ ！ ！またスペルを間違えると切り取られます。

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

var CHECKON={

showHelpInfo: function(idTa ){
var pve=(idTa.previousSibling.nodeType==1)?idTa.previousSibling:idTa.previousSibling.previousSibling
pve.style.display='none'
},
隠す :function(classN,id2){
var idBox=document.getElementById(id2);
classN.style.display='none';
idBox.focus();
}


2. 背景画像を使用して入力に背景画像を追加し、フォーカスがあるときに画像が消えるようにします。

3.html5 には、プレースホルダー属性という最新の属性があり、入力に自動的に表示され、灰色で表示されます。ただし、入力が入力された場合にのみ消えます。ただし、HTML5 は、IE8 ではサポートされていません。

上記には別の問題があります。つまり、ログイン ページを再度開くと、ブラウザは以前に入力した記録を記憶しており、アカウントとパスワードが自動的に表示されます。もちろんそれは良いことです。ただし、以前に設定したスパンタグの配置方法ではゴーストが発生します。

背景画像を使えば基本的には解決しますが、ie7では解決できません。

次のコードをヘッダーに追加して、以前にキャッシュされたログイン レコードをクリアします:

コードをコピー コードは次のとおりです。次のように: <meta http-equiv= "Pragma" content= "no-cache" />

<meta http-equiv= "Cache-Control" content= " no-cache" />

<meta http-equiv= "Expires" content= "0" />