Die Zeichen-Grenze der Eingabefelder im HTML-Format

August 5

Die Zeichen-Grenze der Eingabefelder im HTML-Format

Eingabefelder können variieren in der Breite in HTML (Hypertext Markup Language) oder variieren in der Größe im CSS (Cascading Style Sheet). Zeichenanzahl sind also relativ einfach festlegen und ändern. Eingabefelder sind grundsätzlich nur durch die Größe der Planung, Installation und Rahmen der Web-Seite selbst begrenzt. Bildlaufleisten können auch hinzugefügt werden, was die Flexibilität der Kapazitäten im Eingabefeld weiter erhöht.

CSS-Stylesheet und Browser-Standard-breiten

Die meisten Browser eingestellt die maximale Standardbreite der Eingabefelder bei etwa 20 Zeichen des Textes, die eingegeben und zu jeder Zeit angezeigt werden können. Mit Hilfe von CSS können Sie die Standardbreite der Eingabefelder, die mit dem "Breite-Stil" Formatierung Element ändern. Wäre dies keine genaue Maßnahme jedoch, da die Breite der einzelnen Zeichen von Buchstabe zu Buchstabe oder Zahl zu Zahl schwankt (es sei denn Sie eine Mono-Raum-Schriftart für diese spezifische Eingabefeld deklarieren). Beispielsweise kann die Breite einer Zahl "8" ganz anders als die Breite einer Zahl "1" je nach Schriftart angegeben werden.

Festlegen der Breite im Stylesheet

Legen Sie die Breite der ein Eingabefeld für Ihr HTML-Dokument im CSS für eine maximale Zustand zwei Zeichen Code Eingabefeld geben Sie--#stateCode {Width: 2 Em}--in der CSS-Datei. Dies schränkt nicht die zulässige Anzahl von Zeichen; es schränkt nur die ungefähre Anzahl der Zeichen, die auf einmal im angegebenen Textfeld angezeigt werden können.

Das Size-Attribut festlegen in der HTML-Datei

In der HTML-Datei können Sie das Size-Attribut auf das input-Element wie in anwenden: < Eingang Typ = "Textgröße" = "Zeichen" / >. Um ein Eingabefeld für Text in ein Feld zur Eingabe einer Postleitzahl eingegeben anzuzeigen, geben Sie: < Eingang Typ = "Text" Id = "PLZ" Name = "PLZ" Size = "7" / >. Dieser Code setzt die Breite der das Eingabefeld für das Feld Postleitzahl bis etwa sieben Zeichen. Die maximale Größe soll sieben und nicht fünf (es gibt fünf Zahlen in einer standard-Zip-Code), Raum für breiter als durchschnittliche Zeichen und dafür, dass die Margen in das Textfeld ein, in der Regel einen Charakter oder zwei breiter, für Lesbarkeit zu verlassen.

HTML-Attribut Größencode

Das Size-Attribut für das input-Element anwenden hilft mit Formatierung Ihrer Eingabefelder, sie ausrichten und sie klarer zu definieren und Design-Spezifikationen für Ihr Formular zu treffen. Aber es nicht wirklich begrenzen die zulässige Anzahl von Zeichen in der Eingabe Textfeld eingegeben werden. Es setzt tatsächlich die Grenze von (ungefähr) wie viele Zeichen in das Eingabefeld angezeigt werden können. Wenn mehr als die maximale Anzahl der Zeichen eingegeben wird der Text nur und geht dann links und zeigt nur die letzten Zeichen, die eingegeben wurden. Die ersten Zeichen sind immer noch da, aber nicht sichtbar--es sei denn, die linke Pfeiltaste verwendet wird, um anzuzeigen, in welchem Fall die letzten Zeichen werden nicht angezeigt.

Maximal zulässige Anzahl von Zeichen festlegen

Legen Sie die maximale Anzahl von Zeichen in ein Eingabefeld in Ihrer HTML-Datei eingegeben werden, schreiben Sie Ihren HTML-Code mithilfe der folgenden Syntax: < Eingang Typ = "Text" Maxlength = "Zeichen" / >. Um die maximale Anzahl von zulässigen Zeichen in das Eingabefeld auf 11 Zeichen festzulegen, geben Sie z. B. den HTML-Code wie folgt: < Eingang Typ = "Text" Maxlength = "11" / >. Mit diesem Code zusammen mit der Breite Stil (CSS) oder Größe Attribute gehen (HTML) einen langen Weg in eine gut gestaltete und funktionale Form schaffen Sie die maximale Zeichenanzahl und die Breite des Ihre Eingabefeldern festlegen.