Heim Web-Frontend HTML-Tutorial Selbstverständnis des Unterschieds zwischen den Attributen size und maxlength der Input_HTML/Xhtml_Webpage-Produktion

Selbstverständnis des Unterschieds zwischen den Attributen size und maxlength der Input_HTML/Xhtml_Webpage-Produktion

May 16, 2016 pm 04:39 PM
input maxlength size

Ich habe kürzlich die Attribute size und maxlength der Eingabe in einem Projekt verwendet, ohne auf den Unterschied zwischen diesen beiden Tags zu achten, und ich habe einiges verstanden. Speziell hier aufgenommen!

Code kopieren
Der Code lautet wie folgt:

Name:


Name2:



maxlength="5", dann können nur 5 Zeichen in das Eingabefeld eingegeben werden
size="5" , was bedeutet, dass im Eingabefeld nur 5 sichtbare Zeichen angezeigt werden, Sie aber „unzählige“ Inhalte mit mehreren Zeichen eingeben können

Das heißt: Das Größenattribut gibt die Breite des Eingabefelds an (hier nur das Textfeld „Name2“) zeigt 5 Zeichen in der Größe an) Breite),
Da das Größenattribut ein visuelles Designattribut ist, sollten wir die Breite in CSS verwenden, um es zu ersetzen.

CSS-Syntax:
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ß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)

Verwenden Sie die Funktion File.length() von Java, um die Größe der Datei zu ermitteln Verwenden Sie die Funktion File.length() von Java, um die Größe der Datei zu ermitteln Jul 24, 2023 am 08:36 AM

Verwenden Sie die File.length()-Funktion von Java, um die Größe einer Datei zu ermitteln. Die Dateigröße ist eine sehr häufige Anforderung beim Umgang mit Dateioperationen. Java bietet eine sehr praktische Möglichkeit, die Größe einer Datei zu ermitteln, d. h. mithilfe der Länge(. )-Methode der File-Klasse. In diesem Artikel wird erläutert, wie Sie mit dieser Methode die Größe einer Datei ermitteln und entsprechende Codebeispiele angeben. Zuerst müssen wir ein File-Objekt erstellen, um die Datei darzustellen, deren Größe wir ermitteln möchten. So erstellen Sie ein File-Objekt: Filef

So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 May 12, 2023 pm 03:58 PM

Vorbereitung Verwenden Sie vuecreateexample, um ein Projekt zu erstellen. Die Parameter lauten ungefähr wie folgt: Verwenden Sie native Eingaben, bei denen es sich hauptsächlich um Werte und Änderungen handelt. App.tsx lautet wie folgt: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Wenn sich das Eingabefeld ändert, synchronisieren Sie die Daten constonInput =;return( )=>({

So implementieren Sie ein verstecktes Laravel-Eingabefeld So implementieren Sie ein verstecktes Laravel-Eingabefeld Dec 12, 2022 am 10:07 AM

So implementieren Sie das ausgeblendete Laravel-Eingabefeld: 1. Suchen und öffnen Sie die Blade-Vorlagendatei. 2. Verwenden Sie die method_field-Methode in der Blade-Vorlage, um ein ausgeblendetes Feld zu erstellen. ".

Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Nov 24, 2023 am 09:44 AM

Lösungen zum Anklicken des Eingabefelds ohne Cursor: 1. Bestätigen Sie den Browser-Cache. 3. Aktualisieren Sie den Browser. 6. Überprüfen Sie die Eingabe Box-Eigenschaften; 7. Debuggen von JavaScript-Code; 8. Überprüfen Sie andere Elemente der Seite. 9. Berücksichtigen Sie die Browserkompatibilität.

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Jun 21, 2023 am 08:12 AM

Vue.js ist ein leichtes JavaScript-Framework, das einfach zu verwenden, effizient und flexibel ist. Es ist derzeit eines der beliebtesten Front-End-Frameworks. In Vue.js sind Eingabefeld-Bindungsereignisse eine sehr häufige Anforderung. In diesem Artikel werden die Eingabefeld-Bindungsereignisse im Vue-Dokument ausführlich vorgestellt. 1. Grundkonzepte In Vue.js bezieht sich das Eingabefeld-Bindungsereignis auf die Bindung des Werts des Eingabefelds an das Datenobjekt der Vue-Instanz, wodurch eine bidirektionale Bindung von Eingabe und Antwort erreicht wird. In Vue.j

So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument Jun 20, 2023 am 09:13 AM

Vue ist ein beliebtes JavaScript-Frontend-Framework mit einem reaktionsfähigen Datenbindungs- und Komponentensystem im Kern. In Vue-Anwendungen ist das Eingabefeld eines der am häufigsten verwendeten UI-Elemente. Wenn der Benutzer Text eingibt, hoffen wir, auf das Wagenrücklaufereignis zu warten und die Eingabe vor dem Absenden zu validieren. In diesem Artikel werden das Eingabeereignis des Eingabefelds und die Verwendung der Überprüfungsfunktion im Vue-Dokument vorgestellt. 1. Das Wagenrücklaufereignis des Eingabefelds in Vue ist sehr einfach.

Verwenden Sie die Methode size() der TreeSet-Klasse, um die Anzahl der Elemente in der Baumsammlung abzurufen Verwenden Sie die Methode size() der TreeSet-Klasse, um die Anzahl der Elemente in der Baumsammlung abzurufen Jul 24, 2023 am 11:05 AM

Titel: Verwenden Sie die size()-Methode der TreeSet-Klasse, um die Anzahl der Elemente in der Baumsammlung zu ermitteln. Einführung: TreeSet ist eine geordnete Sammlung im Java-Sammlungsframework. Es implementiert die SortedSet-Schnittstelle und verwendet die rot-schwarze Baumdatenstruktur es umsetzen. TreeSet kann nach der natürlichen Reihenfolge der Elemente oder mithilfe eines benutzerdefinierten Comparator-Komparators sortiert werden. In diesem Artikel wird erläutert, wie Sie mit der size()-Methode der TreeSet-Klasse die Anzahl der Elemente in der Baumsammlung ermitteln und bereitstellen

So verbieten Sie die Eingabe in HTML5-Eingaben So verbieten Sie die Eingabe in HTML5-Eingaben Feb 03, 2023 am 10:02 AM

So implementieren Sie die Deaktivierung der Eingabe in der HTML5-Eingabe: 1. Geben Sie das Eingabefeld als schreibgeschützt und kopierbar an. 2. Verwenden Sie „Disabled“, um zu erkennen, dass das deaktivierte Eingabeelement kopiert werden kann, aber keinen Fokus erhalten kann Maximale Länge der Eingabe auf 0 ;4. Verwenden Sie „οnfοcus="this.blur();"", um die Eingabe von Text zu verhindern.

See all articles