input_javascriptスキルの初期値として値を書き込まない具体的な実装方法
May 16, 2016 pm 05:30 PM
input
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; }
コードをコピー コードは次のとおりです:
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 ではサポートされていません。 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. 背景画像を使用して入力に背景画像を追加し、フォーカスがあるときに画像が消えるようにします。
上記には別の問題があります。つまり、ログイン ページを再度開くと、ブラウザは以前に入力した記録を記憶しており、アカウントとパスワードが自動的に表示されます。もちろんそれは良いことです。ただし、以前に設定したスパンタグの配置方法ではゴーストが発生します。
背景画像を使えば基本的には解決しますが、ie7では解決できません。
次のコードをヘッダーに追加して、以前にキャッシュされたログイン レコードをクリアします:
コードをコピー コードは次のとおりです。次のように: <meta http-equiv= "Pragma" content= "no-cache" />
<meta http-equiv= "Cache-Control" content= " no-cache" /> <meta http-equiv= "Expires" content= "0" />
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7303
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1207
29



Vue ドキュメントで入力ボックスのキャリッジ リターン イベントと検証機能を使用する方法

Razer DeathAdder V3 HyperSpeed: 新しいマウスは高解像度と最大 8,000 Hz のワイヤレス ポーリング レートを提供します
