Heim Web-Frontend js-Tutorial 关于文本框的一些限制控制总结~~_表单特效

关于文本框的一些限制控制总结~~_表单特效

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 = escape(c);
if(ts.substring(0,2) == "%u")
{
document.getElementsByName("Text1")[0].value = "";
alert("这里不能输入中文/全角字符");
}
}
}


但是很少会有人用ime-mode:disabled(用css实现关闭文本框输入法)
ime-mode
语法:
ime-mode : auto | active | inactive | disabled
取值:
auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME

那么:

ime-mode:disabled为禁用输入法。
扩展:
复制代码 代码如下:





自己琢磨琢磨哈~
2..限制文本框不能粘贴:
一般看到这个我们会有这样的思路:禁用掉Ctrl键和C键,再禁用掉右键,就可以完美的禁用粘贴功能了。
那么需要写JS文件了(此JS文件本博客有相关内容)
其实 onpaste="return false;" 就可以很完美的实现禁用粘贴,而且要注意,它禁用掉的是粘贴的功能,所以使用了这个属性,即使不禁用掉右键,用户也无法粘贴内容。

那么:
复制代码 代码如下:



onpaste处为禁用粘贴。
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Zwei -Punkte -Museum: Alle Exponate und wo man sie finden kann
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So legen Sie in OneNote ein Bild als Hintergrund fest So legen Sie in OneNote ein Bild als Hintergrund fest May 14, 2023 am 11:16 AM

Onenote ist eines der besten Notiztools von Microsoft. In Kombination mit Outlook und MSTeams kann Onenote eine leistungsstarke Kombination zur Verbesserung der Arbeit und der persönlichen kreativen Produktivität sein. Wir müssen Notizen in einem anderen Format machen, das mehr sein kann, als nur Dinge aufzuschreiben. Manchmal müssen wir im Rahmen unserer täglichen Arbeit Bilder aus verschiedenen Quellen kopieren und bearbeiten. Auf Onenote eingefügte Bilder können viel bewirken, wenn Sie wissen, wie Sie die Änderungen anwenden. Sind Sie bei der Verwendung von Onenote schon einmal auf das Problem gestoßen, dass Bilder, die Sie in Onenote eingefügt haben, Ihnen ein einfaches Arbeiten nicht ermöglichen? In diesem Artikel geht es um die effektive Verwendung von Bildern in Onenote. wir können

So verbergen Sie Text in Powerpoint, bis er angeklickt wird So verbergen Sie Text in Powerpoint, bis er angeklickt wird Apr 14, 2023 pm 04:40 PM

So blenden Sie Text vor jedem Klick in PowerPoint aus Wenn Sie möchten, dass Text angezeigt wird, wenn Sie irgendwo auf eine PowerPoint-Folie klicken, ist die Einrichtung schnell und einfach. So blenden Sie Text aus, bevor Sie in PowerPoint auf eine Schaltfläche klicken: Öffnen Sie Ihr PowerPoint-Dokument und klicken Sie auf das Menü „Einfügen“. Klicken Sie auf Neue Folie. Wählen Sie „Leer“ oder eine der anderen Voreinstellungen. Klicken Sie immer noch im Menü „Einfügen“ auf „Textfeld“. Ziehen Sie ein Textfeld auf die Folie. Klicken Sie auf das Textfeld und geben Sie Ihre ein

So erstellen Sie einen Kalender in Word So erstellen Sie einen Kalender in Word Apr 25, 2023 pm 02:34 PM

So erstellen Sie einen Kalender in Word mithilfe von Tabellen Wenn Sie einen Kalender erstellen möchten, der genau Ihren Anforderungen entspricht, können Sie mithilfe von Tabellen in Word alles von Grund auf neu erstellen. Dadurch können Sie genau das Layout Ihres Kalenders gestalten, das Sie sich wünschen. Erstellen Sie einen Kalender mithilfe von Tabellen in Word: Öffnen Sie ein neues Word-Dokument. Drücken Sie mehrmals die Eingabetaste, um den Cursor auf der Seite nach unten zu bewegen. Klicken Sie auf das Menü Einfügen. Klicken Sie im Menüband auf das Tabellensymbol. Klicken Sie auf das Quadrat oben links, halten Sie die Maustaste gedrückt und ziehen Sie eine 7×6-Tabelle heraus. Schreiben Sie den Wochentag in die erste Zeile. Verwenden Sie einen anderen Kalender als Referenz, um die Tage des Monats einzutragen. Markieren Sie ein beliebiges Datum außerhalb des aktuellen Monats. Klicken Sie im Hauptmenü auf das Symbol für die Textfarbe und wählen Sie Grau aus. Beginnen Sie für den aktuellen Monat mit

Welche Arten von HTML-Textfeldern gibt es? Welche Arten von HTML-Textfeldern gibt es? Oct 12, 2023 pm 05:38 PM

Zu den HTML-Textfeldtypen gehören einzeilige Textfelder, Passwort-Textfelder, Zahlentextfelder, Datumstextfelder, Zeittextfelder, Datei-Upload-Textfelder, mehrzeilige Textfelder usw. Ausführliche Einführung: 1. Das einzeilige Textfeld ist der gebräuchlichste Textfeldtyp, der zur Annahme einzeiliger Texteingaben verwendet wird. Der Benutzer kann einen beliebigen Text in das Textfeld eingeben, z. B. Benutzername, Passwort, E-Mail-Adresse. usw.; 2. Das Passwort-Textfeld wird verwendet, um die Passworteingabe zu akzeptieren. Wenn der Benutzer das Passwort eingibt, wird der Inhalt des Textfelds ausgeblendet, um die Privatsphäre des Benutzers zu schützen. 3. Numerisches Textfeld usw.

Wie füge ich Zeilenumbrüche in ein HTML-Textfeld ein? Wie füge ich Zeilenumbrüche in ein HTML-Textfeld ein? Sep 04, 2023 am 11:05 AM

Um einem HTML-Textbereich ein Newline-Zeichen hinzuzufügen, können wir das HTML-Newline-Tag verwenden, um an einer beliebigen Stelle ein Newline-Zeichen einzufügen. Alternativ können wir auch die CSS-Eigenschaft „white-space:pre-wrap“ nutzen, um automatisch Zeilenumbrüche in den Text einzufügen. Dies ist besonders nützlich, wenn vorformatierter Text in einem Textbereich angezeigt wird. Lassen Sie uns also Möglichkeiten zum Hinzufügen von Zeilenumbrüchen besprechen. Die Methode erstellt einen Textbereich in HTML und weist ihm eine ID zu. Erstellen Sie eine Schaltfläche, die beim Klicken den Text des Textbereichs mithilfe von Zeilenumbrüchen teilt. Erstellen Sie nun eine Funktion, die Text in Zeilenumbrüche unterteilt. Der Code dieser Funktion lautet -functionreplacePeriodsWithLineBreaks()

So codieren Sie ein HTML-Bildlaufleisten-Textfeld So codieren Sie ein HTML-Bildlaufleisten-Textfeld Feb 19, 2024 pm 07:38 PM

Titel: So schreiben Sie HTML-Textfeldcode mit Bildlaufleisten. Das Textfeld in HTML ist eines der am häufigsten verwendeten Steuerelemente für Benutzereingaben. In einigen Fällen wird das Textfeld unvollständig angezeigt. Zu diesem Zeitpunkt können wir dem Textfeld eine Bildlaufleiste hinzufügen, um das Scrollen zu unterstützen. In diesem Artikel wird detailliert beschrieben, wie man HTML-Textfeldcode mit Bildlaufleisteneffekt schreibt, und es werden konkrete Codebeispiele gegeben. 1. Verwenden Sie das Textarea-Element, um ein Textfeld zu erstellen. In HTML verwenden wir das Textarea-Element, um ein Textfeld zu erstellen.

So legen Sie die Farbe des Textfeldrandes fest So legen Sie die Farbe des Textfeldrandes fest Jul 28, 2023 am 10:08 AM

So legen Sie die Rahmenfarbe eines Textfelds fest: 1. Wählen Sie den Text oder Absatz aus, dem Sie einen Rahmen hinzufügen möchten. 2. Klicken Sie in der Gruppe „Absatz“ oder „Schriftart“ der Registerkarte „Startseite“ auf „Rahmen“. 3. Wählen Sie im Dropdown-Menü einen Rahmenstil aus. 4. Klicken Sie auf die Schaltfläche „Rahmenfarbe“ und wählen Sie im Popup-Menü die gewünschte Farbe aus. 5. Klicken Sie auf die Schaltfläche „OK“, um den Rahmen anzuwenden Stil und Farbe.

So richten Sie Textfelder in HTML aus So richten Sie Textfelder in HTML aus Mar 27, 2024 pm 04:33 PM

Methoden zum Ausrichten von Textfeldern in HTML: 1. Textausrichtung; 2. Verwenden Sie die Ausrichtung des Rasterlayouts; 4. Verwenden Sie die Rand- oder Positionsausrichtung.

See all articles