ホームページ ウェブフロントエンド jsチュートリアル input_javascriptスキルの初期値として値を書き込まない具体的な実装方法

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

May 16, 2016 pm 05:30 PM
input

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

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

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

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

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

html

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

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では解決できません。

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





このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

vue3 で入力コンポーネントと統合フォームデータをカプセル化する方法 vue3 で入力コンポーネントと統合フォームデータをカプセル化する方法 May 12, 2023 pm 03:58 PM

準備 vuecreateexample を使用してプロジェクトを作成します パラメーターは大まかに以下のとおりです ネイティブ入力を使用します ネイティブ入力は主に値と変更です 変更する場合はデータを同期する必要がありますApp.tsx は次のとおりです: import{ref}from'vue';exportdefault{setup(){//username はデータです constusername=ref('Zhang San');//入力ボックスが変更されると、データを同期します constonInput =;return( )=>({

Laravelの入力隠しフィールドを実装する方法 Laravelの入力隠しフィールドを実装する方法 Dec 12, 2022 am 10:07 AM

laravel入力の隠しフィールドを実装する方法: 1. Bladeテンプレートファイルを見つけて開きます; 2. Bladeテンプレートのmethod_fieldメソッドを使用して隠しフィールドを作成します。作成構文は「{{ method_field('DELETE') }}」です。 」。

入力ボックスをクリックしたときにカーソルが表示されない場合の対処方法 入力ボックスをクリックしたときにカーソルが表示されない場合の対処方法 Nov 24, 2023 am 09:44 AM

カーソルなしで入力ボックスをクリックする場合の解決策: 1. 入力ボックスのフォーカスを確認する; 2. ブラウザのキャッシュをクリアする; 3. ブラウザを更新する; 4. JavaScript を使用する; 5. ハードウェア デバイスを確認する; 6. 入力を確認するボックスのプロパティ; 7. JavaScript コードをデバッグする; 8. ページの他の要素を確認する; 9. ブラウザーの互換性を考慮する。

Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明 Vue ドキュメントの入力ボックス バインディング イベントの詳細な説明 Jun 21, 2023 am 08:12 AM

Vue.js は、使いやすく、効率的で柔軟な軽量の JavaScript フレームワークで、現在最も人気のあるフロントエンド フレームワークの 1 つです。 Vue.js では、入力ボックス バインディング イベントは非常に一般的な要件です。この記事では、Vue ドキュメントの入力ボックス バインディング イベントについて詳しく紹介します。 1. 基本概念 Vue.js では、入力ボックス バインディング イベントとは、入力ボックスの値を Vue インスタンスのデータ オブジェクトにバインドすることを指し、これにより入力と応答の双方向のバインドが実現されます。 Vue.j で

Vue ドキュメントで入力ボックスのキャリッジ リターン イベントと検証機能を使用する方法 Vue ドキュメントで入力ボックスのキャリッジ リターン イベントと検証機能を使用する方法 Jun 20, 2023 am 09:13 AM

Vue は、応答性の高いデータ バインディングとコンポーネント システムを中核とする人気のある JavaScript フロントエンド フレームワークです。 Vue アプリケーションでは、入力ボックスは最も一般的に使用される UI 要素の 1 つです。ユーザーがテキストを入力するとき、復帰イベントをリッスンし、送信する前に入力を検証したいと考えています。この記事では、Vue ドキュメントでの入力ボックスの Enter イベントと検証関数の使用法を紹介します。 1. Vue の入力ボックスのキャリッジ リターン イベント Vue で入力ボックスのキャリッジ リターン イベントを監視するのは非常に簡単です。

Python の input() 関数を使用してユーザーから入力を取得します Python の input() 関数を使用してユーザーから入力を取得します Aug 22, 2023 am 11:21 AM

タイトル: Python の input() 関数を使用してユーザーから入力を取得する プログラムを作成するとき、多くの場合、ユーザーから入力を取得する必要があります。 Python には、ユーザー入力の取得および受信に使用できる組み込み関数 input() が用意されています。この記事では、input() 関数の使用方法といくつかの一般的なアプリケーション シナリオを紹介します。 input() 関数の使い方は非常に簡単で、オプションのプロンプト メッセージをパラメータとして受け取り、ユーザーの入力を待ちます。ユーザーが入力すると、input() 関数は

laravelの入力メソッドとは何ですか laravelの入力メソッドとは何ですか Jul 11, 2023 am 09:43 AM

laravelのインプットメソッドは、HTTPリクエストのパラメータを簡単に取得でき、GETやPOSTなどのHTTPリクエストメソッドであっても簡単に処理できる非常に実用的なツールです。 Laravel開発では、入力の検証とパラメータの処理は非常に一般的なタスクですが、インプットメソッドはこれらのプロセスを大幅に簡素化し、開発効率を向上させることができます。

HTML に 1 行の入力フィールドを追加するにはどうすればよいでしょうか? HTML に 1 行の入力フィールドを追加するにはどうすればよいでしょうか? Aug 20, 2023 pm 05:45 PM

<isindex> タグを使用して、単一行の入力フィールドを追加します。 HTML<isindex> タグは、テキスト フィールド経由でドキュメントをクエリするために使用されます。このタグはどこでも使用できますが、head タグに配置するのが最適です。注: これは非推奨のタグであるため、使用しないでください。以下はプロパティのリストです-プロパティ 値 説明 プロンプト文字列 テキストフィールド ラベル ActionURL 別の URL にクエリを送信する必要がある場合の使用例 次のコードを試してください - <!Doctypehtml><html

See all articles