Eingabefelder können in der Breite in HTML (Hypertext Markup Language ) zu variieren , oder variieren in der Größe in seiner CSS (Cascading Style Sheet) . So Charakter Grenzen sind relativ einfach einzurichten und zu ändern. Grundsätzlich sind Eingabefelder nur durch die Größe der Konstruktion, Aufbau und Rahmen der Web -Seite selbst beschränkt. Bildlaufleisten können auch hinzugefügt, erhöht die Flexibilität des Eingabefeld Kapazität werden. CSS Style Sheet und Browser Standard Breiten
meisten Browser die maximale Breite der Standard- Eingabefelder bei ca. 20 Zeichen Text eingegeben und zu einem beliebigen Zeitpunkt angesehen werden kann. Mit CSS können Sie die Standard- Breite der Eingabefelder mit dem "width style" Formatierung Element . Dies würde nicht eine genaue Maßnahme sein , aber, weil die Breite der einzelnen Zeichen variiert von Buchstabe zu Buchstabe oder eine Zahl an die Nummer ( wenn Sie eine Mono- Raum für die jeweilige Schrift Eingabefeld erklären ) . Zum Beispiel kann die Breite einer Zahl "8 " sein ganz anders als die Breite einer Zahl "1 ", abhängig von der Schriftart angegeben . Einstellen der Breite in der Style Sheet
Um die Breite ein Eingabefeld für das HTML-Dokument in der CSS für eine Zwei- Zeichen-Maximum Landesschlüssel Eingabefeld Typ gesetzt - # stateCode {width: 2 em } - in der CSS-Datei . Dies schränkt nicht die erlaubte Anzahl von Zeichen , sondern nur begrenzt die ungefähre Anzahl der Zeichen , die auf einmal in der angegebenen Textfeld angezeigt werden können Einstellen der Größe Attribut im HTML . Datei
Ihre HTML-Datei , können Sie die Größe Attribut auf den input-Element gelten in : . Um ein Eingabefeld für Text in einem Feld zur Eingabe einer Postleitzahl verwendet eingegebenen anzuzeigen, würden Sie Folgendes eingeben : . Dieser Code setzt die Breite des Eingabefeld für die Postleitzahl -Feld auf etwa sieben Zeichen . Die maximale Größe ist auf sieben und nicht fünf (es gibt fünf Zahlen in einer Standard-ZIP -Code) eingestellt , um Platz für überdurchschnittlich breiten Zeichen und zur Ermöglichung Margen im Textfeld , in der Regel ein Zeichen oder zwei breitere verlassen , zur leichteren Lesbarkeit.
HTML -Code Größe Attribut
Anwenden das size-Attribut für das input-Element hilft beim Formatieren Ihrer Eingabefelder , richten sie und definiert sie klarer und welche Design-Spezifikationen für Ihre Form . Aber es ist nicht wirklich die Anzahl der zulässigen Zeichen in der Eingabe Textfeld eingegeben werden . Tatsächlich setzt die Grenze von (ungefähr) , wie viele Zeichen können in diesem Eingabefeld angezeigt werden. Wenn mehr als die maximale Anzahl von Zeichen eingegeben wird, dann wird der Text bewegt sich nur nach 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 wird verwendet, um sie anzuzeigen , in diesem Fall werden die letzten Zeichen nicht angezeigt werden Setting maximale Anzahl von Zeichen erlaubt .
Um die maximale Anzahl der zulässigen Zeichen in einem Eingabefeld in Ihren HTML-Datei eingegeben werden eingestellt , schreiben Sie Ihren HTML-Code mit folgender Syntax : . Zum Beispiel, um die maximale Anzahl von Zeichen in das Eingabefeld auf 11 Zeichen erlaubt festzulegen, geben Sie Ihre HTML-Seite wie folgt: . Mit diesem Code zusammen mit der Breite Stil (CSS) oder Größe Attribute (HTML) wird ein langer Weg zu helfen , um eine gut gestaltete und funktionale Form zu erstellen gehen , so dass Sie die maximale Zeichen und Breite der Eingabefelder steuern.