ホームページ ウェブフロントエンド jsチュートリアル テキスト ボックスのいくつかの制限的なコントロールの概要~~_フォームの特殊効果

テキスト ボックスのいくつかの制限的なコントロールの概要~~_フォームの特殊効果

May 16, 2016 pm 06:29 PM
テキストボックス

1. テキスト ボックスへの中国語の入力を制限します:
以前は、次のような判断を使用することがよくありました:
コードをコピー コードは次のとおりです。

function nocn(obj)
{
for(i=0;i{
var c = document.getElementsByName("Text1")[0].value.substr(i,1);
var ts =エスケープ(c);
if(ts.substring(0,2) == "%u")
{
document.getElementsByName("Text1")[0].value = ""; >alert("ここでは中国語/全角文字を入力できません");
}
}
}



しかし ime を使う人はほとんどいません。 mode:disabled (CSS で実装) ime-mode
構文:
ime-mode: auto | inactive | 値:
自動: デフォルト値。 IMEのステータスには影響しません。 ime-mode 属性を指定しない場合と同様
active: IME で入力されたすべての文字を指定します。それは、現地言語の入力方法を有効にすることです。ユーザーは引き続き IME を非アクティブ化できます。
inactive : IME を使用して入力されていないすべての文字を指定します。それは、非母国語を活性化することです。ユーザーは引き続き IME を無効にすることができます。
disabled : IME を完全に無効にします。フォーカスされたコントロール (入力ボックスなど) の場合、ユーザーは IME をアクティブにすることができません

Then:

ime-mode:disabled は入力メソッドを無効にすることです。
拡張子:


<スクリプト言語="JavaScript ">






自分で考えてみてください~
2. テキスト ボックスの貼り付けを制限します:
これを見ると、通常、Ctrl キーと C キーを無効にして、右クリックを無効にすると、貼り付け機能を完全に無効にすることができます。
次に、JS ファイルを作成する必要があります (この JS ファイルには、このブログに関連するコンテンツが含まれています)
実際、onpaste="return false;" は貼り付け機能を無効にすることに注意してください。したがって、この属性を使用すると、右クリックが無効になっていない場合でも、ユーザーはコンテンツを貼り付けることができません。

次に:




コードをコピー
onpaste は貼り付けが無効になっています。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

OneNote で画像を背景として設定する方法 OneNote で画像を背景として設定する方法 May 14, 2023 am 11:16 AM

Onenote は、Microsoft が提供する最高のメモ作成ツールの 1 つです。 Onenote を Outlook や MSTeams と組み合わせると、仕事と個人の創造的な生産性を向上させるための強力な組み合わせになります。違う形式でメモを取らなければなりませんが、それは単に物事を書き留めるだけではないかもしれません。日々の仕事の中で、さまざまなソースから画像をコピーし、編集を行う必要がある場合があります。変更を適用する方法を知っていれば、Onenote に貼り付けた画像は大いに役立ちます。 Onenote を使用しているときに、Onenote に貼り付けられた画像が快適に作業できないという問題に遭遇したことはありますか?この記事では、Onenote で画像を効果的に使用する方法について説明します。我々はできる

パワーポイントでクリックするまでテキストを非表示にする方法 パワーポイントでクリックするまでテキストを非表示にする方法 Apr 14, 2023 pm 04:40 PM

PowerPoint でクリックする前にテキストを非表示にする方法 PowerPoint スライド上の任意の場所をクリックしたときにテキストを表示したい場合、設定はすばやく簡単です。 PowerPoint でボタンをクリックする前にテキストを非表示にするには: PowerPoint ドキュメントを開き、[挿入] メニューをクリックします。 「新しいスライド」をクリックします。 [空白] または他のプリセットのいずれかを選択します。 [挿入] メニューで [テキスト ボックス] をクリックします。テキスト ボックスをスライド上にドラッグします。テキストボックスをクリックして、あなたの名前を入力してください

Wordでカレンダーを作る方法 Wordでカレンダーを作る方法 Apr 25, 2023 pm 02:34 PM

Word で表を使用してカレンダーを作成する方法 自分の仕様に正確に適合するカレンダーを作成したい場合は、Word の表を使用してすべてを最初から作成できます。これにより、カレンダーに必要な正確なレイアウトをデザインできます。 Word で表を使用してカレンダーを作成する: 新しい Word 文書を開きます。 Enter キーを数回押して、カーソルをページの下に移動します。 「挿入」メニューをクリックします。リボンで、表アイコンをクリックします。左上の四角をクリックして押したまま、7×6 の表をドラッグします。 1行目に曜日を書きます。別のカレンダーを参照として使用して、月の日付を記入します。当月以外の日付を強調表示します。メイン メニューで、テキストの色のアイコンをクリックし、グレーを選択します。当月については、次から始めます

HTMLテキストボックスにはどのような種類があるのでしょうか? HTMLテキストボックスにはどのような種類があるのでしょうか? Oct 12, 2023 pm 05:38 PM

HTML テキスト ボックスの種類には、単一行テキスト ボックス、パスワード テキスト ボックス、数値テキスト ボックス、日付テキスト ボックス、時刻テキスト ボックス、ファイル アップロード テキスト ボックス、複数行テキスト ボックスなどが含まれます。詳細な紹介: 1. 単一行テキスト ボックスは、単一行テキスト入力を受け入れるために使用される最も一般的なタイプのテキスト ボックスです。ユーザーはテキスト ボックスにユーザー名、パスワード、電子メール アドレスなどの任意のテキストを入力できます。など; 2. パスワードのテキストボックスが使用されます パスワードの入力を受け入れるために、ユーザーがパスワードを入力すると、ユーザーのプライバシーを保護するためにテキストボックスの内容が非表示になります; 3. 数字のテキストボックスなど

HTMLテキストボックスに改行を追加するにはどうすればよいですか? HTMLテキストボックスに改行を追加するにはどうすればよいですか? Sep 04, 2023 am 11:05 AM

HTML テキスト領域に改行文字を追加するには、HTML 改行タグを使用して任意の場所に改行文字を挿入します。あるいは、CSS プロパティ「white-space:pre-wrap」を使用して、テキストに自動的に改行を追加することもできます。これは、フォーマット済みのテキストをテキスト領域に表示する場合に特に便利です。それでは、改行を追加する方法について説明しましょう。このメソッドは HTML 内にテキスト領域を作成し、それに ID を割り当てます。クリックすると、改行を使用してテキスト領域のテキストを分割するボタンを作成します。次に、テキストを改行に分割する関数を作成します。この関数のコードは -functionreplacePeriodsWithLineBreaks() です。

HTML スクロール バー テキスト ボックスをコーディングする方法 HTML スクロール バー テキスト ボックスをコーディングする方法 Feb 19, 2024 pm 07:38 PM

タイトル: スクロールバー付きHTMLテキストボックスコードの書き方 HTMLのテキストボックスはよく使われるユーザー入力コントロールの1つですが、テキストの内容が長すぎると、テキストボックスが不完全に表示されてしまう場合があります。この時点で、スクロールをサポートするためにテキスト ボックスにスクロール バーを追加できます。この記事では、スクロールバー効果を備えたHTMLテキストボックスコードの書き方と具体的なコード例を詳しく紹介します。 1. textarea 要素を使用してテキスト ボックスを作成する HTML では、textarea 要素を使用してテキスト ボックスを作成します。

テキストボックスの枠線を透明に設定する方法 テキストボックスの枠線を透明に設定する方法 Jul 28, 2023 am 10:05 AM

テキスト ボックスの枠線を透明に設定する方法: 1. 文書を開き、挿入したテキスト ボックスを選択し、右クリックして [オブジェクトの書式設定] を選択します; 2. 右側のポップアップ ボックスで [図形オプション] を選択します。 - 「塗りと線」 - 「透明度」; 3. 必要に応じて透明度を調整します。

テキストボックスの枠線の色を設定する方法 テキストボックスの枠線の色を設定する方法 Jul 28, 2023 am 10:08 AM

テキストボックスの枠線の色を設定する方法: 1. 枠線を追加するテキストまたは段落を選択します; 2. 「ホーム」タブの「段落」または「フォント」グループで、「枠線」をクリックします。 」ボタン; 3. ドロップダウン メニューから境界線のスタイルを選択します; 4. [境界線の色] ボタンをクリックし、ポップアップ メニューで希望の色を選択します; 5. [OK] ボタンをクリックして境界線を適用しますスタイルと色。

See all articles