Wie man ein Feld länger in HTML

October 21

HTML ist eine Auszeichnungssprache, die Ihnen zu Code-Dokumenten für das Web erlaubt. Eines der Dinge, die Sie zu einer Webseite hinzufügen können ist eine Form. Webformulare bestehen aus Textfelder, Auswahlboxen, Optionsfelder, Kontrollkästchen und Schaltflächen, die meisten von denen Sie in CSS (Cascading Style Sheets) formatieren können. Textfelder oder Eingabefelder sind leichter Stil als andere Formular-Elemente und durch Festlegen der Eigenschaft "Breite" in CSS können Sie ihre Breite anpassen.

Anweisungen

1 Öffnen Sie die Webseite in Notepad oder einem Codeeditor und finden Sie die input-Tags für Ihre Felder zu:

< Eingang Typ = "Text" Name = "MeinFeld" Id = "MeinFeld" / >

Der Eingabetyp ist in der Regel "Text", zwar einige Formen auch "Name" oder "e-Mail." Erhalten Sie den ID-Namen für das Feld.

2 Öffnen Sie die CSS Stylesheet-Datei für Ihre Webseite oder finden Sie ein paar "< Stil >" Tags innerhalb der "< Head >" Tags der Web-Seite zu. Wenn Ihre Webseite keines dieser Dinge hat, fügen Sie hinzu "< Stil >" Tags:

< Typ style = "Text/Css" >< / style >

3 Erstellen Sie eine Stilregel, die auf das Eingabefeld mit dem ID-Namen:

< Typ style = "Text/Css" >

MyField {} }< / style >

Wenn Ihre Website CSS-Code bereits, fügen Sie diese am unteren Rand der CSS.

4 Passen Sie die Breite an, indem Sie die Eigenschaft "Breite" auf einen Pixelwert festlegen:

< Typ style = "Text/Css" >

MyField {} width: 400px;

}< / style >

Tipps & Warnungen

  • Alle Text-Eingabefelder deiner Wahl, ersetzen Sie "#myfield" mit diesem: Eingabe [Typ = 'Text']
  • Web-Seitendateien sichern Sie, bevor Sie sie bearbeiten, für den Fall, dass Sie einen Fehler machen. Manchmal nach zu viele Bearbeitungen wird sie schwer, Fehler aufzuspüren.

SIE KÖNNEN AUCH GERNE