This page has been robot translated, sorry for typos if any. Original content here.

Multimedia-Einfügung

Mit Formularen arbeiten

Um Ihre Website-Interaktivitätselemente zu verraten, müssen Sie Formulare anwenden. Feedback von Besuchern ist der wichtigste Bereich in der Entwicklung und Effektivität Ihrer Website. Formulare können in vier Kategorien unterteilt werden:

  1. Um die Besucher abzufragen . Es bietet die Möglichkeit, vorbereitete Fragen mit Antworten auf sie oder Freitextfelder zu beantworten, die von ihnen unabhängig ausgefüllt werden. Mit ihrer Hilfe erhalten Sie in Echtzeit die Informationen, die Sie benötigen.
  2. Formular für Feedback . Dazu kann beispielsweise ein beliebtes "Gästebuch" gehören. Es erlaubt den Besuchern, ihre Meinung zu äußern, über ihre Probleme und Probleme zu schreiben, Vorschläge und Kommentare zu machen oder sich zu bedanken.
  3. Für die Datenerfassung . Sie dienen hauptsächlich als Element bei der Registrierung eines Seitenbesuchers. Es sieht wie ein normaler Fragebogen aus.
  4. Verschiedene Eingabefelder (Suche, Passworteingabe, etc.).

Alle im Formular angegebenen Daten werden von Skripten verarbeitet und übertragen, die in den Programmiersprachen Perl (Erweiterung der .cgi- Datei) und PHP (mit der Erweiterung .php ) geschrieben sind.

Um ein Formular auf einer Webseite zu platzieren, verwenden Sie das <FORM> -Tag mit den Attributen:

  • ACTION - Aktiviert die Skriptdatei, die auf das Formular angewendet wird.
  • NAME - identifiziert das Formular.
  • METHODE - die Methode der Datenübertragung Form. Werte: "post" (Senden an E-Mail) und erhalten (an die Domain).

Aber all dies wird nicht ausreichen, um eine Seite auf der Seite zu bilden. Brauchen Sie zusätzliche Informationen im HTML-Code, die die verschiedenen Elemente des Formulars beschreiben würden. Sie können verschiedene Felder für Eingaben , Schaltflächen , Schalter usw. sein. Wir betrachten sie in der richtigen Reihenfolge.

Eingabefelder

Sind für die Eingabe des kleinen Textes oder der Zeichen vorgesehen (die Eingabe des Passworts). Sie sind rahmengetrennte Abschnitte der Seite, begrenzt durch die Schriftgröße und eine Anzahl von geschriebenen Informationsanwendungen. In technischer Hinsicht geschieht dies wie folgt. Ein generisches <INPUT> -Tag wird verwendet , dem dann Attribute zugewiesen werden:

  • TYPE - gibt den Typ der einzugebenden Informationen an. Werte: Text (Text), Passwort (Sternchen) und Hidder (Informationen werden nicht angezeigt).
  • NAME - weist dem Feld einen Namen zu.
  • SIZE ist die Länge des Feldes. (Der Wert wird in der Anzahl der Zeichen angezeigt)
  • MAXLENGHT - Begrenzung der Anzahl der Zeichen, die eingegeben werden sollen.
  • VALUE - wird in den Fällen verwendet, in denen die Felder zum Eingeben von Informationen zum Zeitpunkt des Ladens der Seite ausgefüllt werden müssen.

Hinweis: Die Informationsanwendung für das Feld kann sowohl vor als auch nach dem <INPUT> -Tag in den Code geschrieben werden. Beispiel für das Erstellen eines Passwortfeldes:

<INPUT TYPE = "text" NAME = "Login" SIZE = "12" VALUE = "Ihr Login"> Login

Passwort <INPUT TYPE = "Passwort" NAME = "bestanden" SIZE = "25" MAXLENGHT = "24" WERT "Maximal 24 Zeichen">

Nach dem Kompilieren dieses Codes sehen Sie ein Formular im Browser, aber Sie werden die üblichen Schaltflächen nicht finden. Wir werden darüber weiter sprechen.

Textfelder

Solche Felder unterscheiden sich von Eingabefeldern darin, dass Sie unbegrenzten Text eingeben können. Daher sind sie mit einer Bildlaufleiste ausgestattet. Um Textfelder auf einer Seite in HTML zu platzieren, wird das <TEXTAREA> -Tag verwendet , dem folgende Attribute zugewiesen werden können:

  • COLS - die Breite des Fensters (in der Anzahl der Zeichen).
  • ROWS - die Höhe des Fensters (in der Anzahl der Zeichen).
  • NAME - Informationen zur Identifikation.
  • VALUE - Information im Fenster zum Zeitpunkt des Ladens.

Felder zum Übertragen von Dateien

Dient zum Senden einer Datei zusammen mit den im Formular eingegebenen Daten. Dazu müssen Sie das Formular selbst mit dem Tag <INPUT> und dem Attribut TYPE mit dem Wert "file" erstellen . Dann aktivieren wir die Skriptdatei über das ACTION- Attribut und alles ist fertig.

Knöpfe

Schaltflächen werden hauptsächlich zum Senden von Daten verwendet, die in das Formular geschrieben wurden, oder zum Zurücksetzen der Informationen im Formular. Im ersten Fall gibt das Attribut TYPE des <INPUT> -Tags den Wert von submit , beim zweiten - reset an . Um die Schaltflächen auf der Seite anzuzeigen, müssen Sie dem Tag <INPUT> die bereits bekannten Attribute VALUE und NAME hinzufügen. Formulare verwenden auch komplexere und "gehäufte" Schaltflächen, die direkt mit JavaScript- Skripts arbeiten .

Schalter und Fahnen

In diesem Bereich werden sie für die Befragung von Site-Besuchern verwendet, indem sie vorbereitete Optionen auswählen. Wenn Sie Schalter auf einer Seite platzieren, werden alle <INPUT> -Tags und -Attributentypen angewendet, deren Wert wie folgt lautet:

  • Radio - die Bezeichnung eines Schalters in HTML.
  • name ist die Kennung des Switches. (Für alle Switches derselben Gruppe müssen dieselben Werte zugewiesen werden).
  • Wert - die Kennung des Schalters, der vom Besucher ausgewählt wurde. (Die Werte für jeden Switch in einer Gruppe müssen unterschiedlich sein.
  • ausgewählt checked - zeigt an, welcher Switch beim Booten aktiviert wird.

Entsprechend dem Funktionsprinzip unterscheiden sich Merker von den Schaltern darin, dass sie verwendet werden können, um ein Element aus der Liste oder alle oder nicht eins auszuwählen. Im Attribut TYPE werden sie durch den Wert des Kontrollkästchens angezeigt. Zusätzlich zu dem obigen Attribut im <INPUT> -Tag die Attribute NAME und CHECKED . In der ersten wird der Name des Elements zugewiesen. Die Sekunde wird nach Belieben gesetzt, sie bestimmt, welches Element standardmäßig markiert wird.

Dropdown-Listen und

Solche Listen finden sich oft nicht nur auf Webseiten, sondern auch in verschiedenen anderen Computerprogrammen, bei denen eine der vorgeschlagenen Listen ausgewählt werden sollte. Zum Beispiel der Name der Schriftart in einem Texteditor.

Dropdown-Listen werden wie folgt im HTML-Code erstellt. Container <OPTION > werden in den <SELECT> -Behälter eingefügt, wobei jeder <OPTION> -Behälter ein Element aus der Liste enthält. In diesem Fall werden die bekannten Attribute von NAM E und SIZE dem Tag <SELECT> und dem Tag <OPTION> - VALUE und SELECTED (Auswählen des Standardlisteneintrags) zugewiesen .

Alle oben genannten Formen finden in der Praxis meist in Verbindung mit JavaScript- Skripten Anwendung, die der Browser im <HEAD> -Container melden muss.

Wenn die Antragsformulare komplex sind, ist es am bequemsten, wenn Sie sie auf einer Seite verknüpfen, die tabellarische Methode zu verwenden.