HTML-Syntax für das Eingabefeld Breite
HTML-Webseiten können Formulare zum Erfassen von Benutzereingaben enthalten. Diese Eingabe kann umfassen Text, Text-Felder und Textbereiche Website-Nutzer geben Informationen und senden es durch ein Formular ermöglicht. Entwickler können auf verschiedene Weise, die Abmessungen und die Stileigenschaften für die Eingabe von Text-Elementen festlegen Umsetzung der Breite der Felder, die mit einer Kombination aus HTML-Markup-Code und optional CSS-Deklarationen.
Text Eingabegröße
Das HTML-Text-Typ-input-Element können Benutzern eine festgelegte Anzahl von Zeichen eingeben, die die Breite des Elements bestimmt. Die folgende Beispiel-Markup-Syntax veranschaulicht das Erstellen ein Textfeld mit einem Size-Attribut:
< Eingang Typ = "Text" Name = "Nachname" Size = "30" / >
Dieses Element ermöglicht dem Benutzer maximal 30 Zeichen in das Feld eingeben. Die Breite des Feldes innerhalb der Web-Browser angezeigt wird, hängt teilweise die Schriftgröße für den Abschnitt Element oder Seite.
Textbereich Spalten
Das HTML-Text-Area-Element kann Formulare Bereiche für die Texteingabe mit dem Potenzial für mehrere Zeilen enthalten. Wenn Markup der HTML-Seite einen Text-Bereich deklariert, gibt es die Abmessungen in Bezug auf die Zeilen und Spalten. Der folgende Beispielcode demonstriert, darunter ein Text-Area-Element innerhalb einer Seite:
< Textarea Zeilen = "5" Cols = "25" >
Hier ist der Standardtext.
< / Textarea >
Dieser Code erstellt einen rechteckigen Bereich für die Texteingabe ist 25 Spalten breit, was bedeutet, dass die Breite 25 Zeichen lang bei den aktuellen Schriftgrad für den Seitenbereich mit dem-Element. Die Höhe wird teilweise bestimmt durch die Anzahl der Zeilen in der gleichen Weise.
Eingang Breite
Jedes HTML-Element kann Formatdeklarationen, darunter Text-input-Elemente angeben. Der folgende Beispielcode veranschaulicht, wie ein Text-Feld-input-Element mit einer Stildeklaration Inline-im CSS-Code:
< Eingang Typ = "Text" Name = "Nachname" Style = "Width: 150px" / >
Dieser Code gibt die Breite als eine feste Anzahl von Pixeln. Alternativ kann ein input-Element die Breite mit einem relativen Wert wie folgt angeben:
< Eingang Typ = "Text" Name = "Nachname" Style = "Width: 90 %" / >
Dieser Code gibt an, dass der Browser das Text-Feld mit einer Breite darstellen sollte, die 90 Prozent der Breite des übergeordneten Elements ist. Wenn das Element, das Text-Feld hält eine Breite von 100 Pixeln hat, belegt das Text-Feld z. B. 90 Pixel wenn ein Benutzer die Seite anzeigt.
CSS-Selektoren
CSS-Code in speziellen Bereichen kann auch Breite und andere Stileigenschaften auf Eingabeelemente wie Textfelder erzwingen. CSS enthalten oder damit verbundenen in den Head-Abschnitt der Seite können Stil anwenden, indem Sie auf ein Element Klasse oder ID-Attribut. Beispielsweise hat das folgende input-Element ein Attribut Class:
< Eingang Typ = "Text" Name = "Nachname" Class = "Maintext" / >
CSS-Code könnte wie folgt eine feste Breite für dieses Element erzwingen:
.mainText {}
Width: 200px;
}
Das folgende HTML-input-Element verfügt über ein ID-Attribut:
< Eingang Typ = "Text" Name = "Nachname" Id = "Nametext" / >
CSS-Code könnte dieses Element wie folgt formatieren:
NameText {} Breite: 150px;
}
Diese Art von CSS-Code können auch relative anstatt feste Werte.