Die Verarbeitung der Daten, die Besucher nach dem Ausfüllen der Webformulare an den Server senden, übernimmt ein spezielles Programm (Script). Daher ist es nur dann sinnvoll, einem auf einer Webseite bereitgestellten Formular Felder hinzuzufügen, wenn Funktionen zum Arbeiten mit diesen Feldern im Skript programmiert sind. Wenn diese Bedingung erfüllt ist, bleibt der relativ einfache Teil der Arbeit, dem Quellcode der Seite Tags hinzuzufügen, die die erforderlichen Felder bilden.
Es ist notwendig
Grundkenntnisse in HTML
Anleitung
Schritt 1
Das Bilden der notwendigen Tags kann vom Seiteneditor übernommen werden, wenn Sie darin die Möglichkeit haben, den visuellen Bearbeitungsmodus zu verwenden. Ein solcher Editor kann ein integraler Bestandteil des Content-Management-Systems sein - geben Sie ihn ein und laden Sie eine Seite mit einem Formular, in dem neue Felder hinzugefügt werden sollen. Verwenden Sie die Operationen Kopieren und Einfügen - wählen und kopieren Sie einige vorhandene Elemente (das Eingabefeld und den dazugehörigen Text), klicken Sie dann auf die Seite, auf der das zusätzliche Feld platziert werden soll, und fügen Sie das kopierte ein.
Schritt 2
Bearbeiten Sie anschließend die Eigenschaften jedes Elements des Paares separat. Wählen Sie einfach die Beschriftung mit der Maus aus, geben Sie neuen Text ein und verwenden Sie für das Eingabefeld die Schaltfläche im Editor-Panel, die seine Eigenschaften öffnet. In den Eigenschaften müssen Sie zumindest den Wert im Namensfeld ändern - er muss dem im Verarbeitungsskript programmierten Feldnamen entsprechen. Wiederholen Sie das Kopieren / Einfügen für die erforderlichen Felder und speichern Sie die Seite.
Schritt 3
Wenn kein Zugriff auf die visuelle Bearbeitung besteht, öffnen Sie den Quellcode der Seite in einem beliebigen Text- oder Facheditor und fügen Sie die erforderlichen Tags hinzu. Diese Methode erfordert einige Kenntnisse in HTML und Techniken des Webseiten-Layouts. Um dem Formular ein einfaches Textfeld hinzuzufügen, verwenden Sie das Eingabe-Tag und fügen Sie den Werttext zum type-Attribut hinzu. Zusätzlich zu diesem Attribut ist nur name erforderlich - es muss den Namen dieses Formularfelds enthalten, der dem Handler-Skript bekannt ist. Mit anderen Attributen können Sie die Anzahl der Zeichen festlegen, die die Länge des Eingabefelds (das Größenattribut), die maximal zulässige Anzahl von Zeichen (maxlength), Stilparameter (Stil), Klassenzugehörigkeit (Klasse) usw. visuell bestimmen. Dieses Tag ist im Code beispielsweise so zu sehen:
Schritt 4
Verwenden Sie für ein mehrzeiliges Textfeld das Tag textarea. Es besteht aus zwei Teilen - Öffnen und Schließen. Im ersten müssen Sie den Namenswert festlegen, und mit den rows- und cols-Attributen können Sie die Anzahl der Zeilen und Spalten dieses Formularelements festlegen. Beispielsweise:
Schritt 5
Andere Arten von Formularfeldern können Checkboxen sein. Um sie zu bilden, verwenden Sie ebenfalls das Eingabe-Tag, aber im Gegensatz zu einzeiligen Textfeldern geben Sie den Checkbox-Wert im type-Attribut an. Wenn dieses Formularelement überprüft werden muss, fügen Sie das Attribut "checked" zu seinem Tag hinzu. Beispielsweise:
Schritt 6
Um ein Auswahlfeld in das Formular einzufügen und eine Datei hochzuladen, verwenden Sie dasselbe Eingabe-Tag mit dem Dateiwert im type-Attribut. Beispielsweise:
Schritt 7
Eine komplexere Konstruktion bildet ein Feld mit einer Dropdown-Liste. Es muss ein Paar von öffnenden und schließenden Auswahl-Tags enthalten. Platzieren Sie Paare von Options-Tags dazwischen, die jeweils eine einzelne Auswahlzeile angeben. Die öffnenden Tags müssen das Wertattribut enthalten (sein Wert wird an den Server übertragen) und zwischen den öffnenden und schließenden Teilen muss der Text eingefügt werden, den der Besucher in dieser Zeile der Liste sieht. Zum Beispiel: Erste Auswahlzeile Zweite Auswahlzeile Dritte Auswahlzeile
