Medien Box

Arbeiten mit Formularen

Zu bringen, sollten Sie Ihre Website interaktive Elemente Form angewendet werden. Das Feedback der Besucher - ein Schlüsselbereich in der Entwicklung und Effektivität Ihrer Website. Formen können in vier Kategorien eingeteilt werden:

  1. Für eine Übersicht der Besucher. Es gibt die Möglichkeit, zu reagieren Fragen mit Varianten von Antworten auf diese oder durch freie Textfelder voranzutreiben, die mit ihren eigenen gefüllt sind. Mit ihrer Hilfe erhalten Sie die Informationen, die Sie in Echtzeit benötigen.
  2. Das Formular für Feedback. Dies könnte zum Beispiel gehören die beliebte "Gästebuch". Es gibt den Besuchern die Möglichkeit, ihre Meinung zu äußern, über ihre Probleme und Fragen zu schreiben, machen Vorschläge und Kommentare, oder Dankbarkeit zu bringen.
  3. Für die Datenerfassung. Sie sind in den Grundelementen der Registrierung vor Ort Besucher verwendet. Es sieht aus wie die üblichen Profile.
  4. Verschiedene Eingabefelder (Suche, Passwort, etc. etc.).

Alle Daten in der Form angegeben, von Scripts geschrieben in der Programmiersprache Perl (Dateierweiterung .cgi) und PHP (mit der Endung .php) verarbeitet und übermittelt.

So platzieren Sie ein Formular auf einer Webseite verwendet <FORM> -Tag mit den Attributen:

  • ACTION - aktiviert angewendet , um eine Skriptdatei zu bilden.
  • NAME - identifiziert das Formular aus .
  • METHODE - Methode der Datenübertragung bilden. Werte: "post" (an die E-Mail gesendet werden ) und erhalten (Domäne).

Aber all dies wird nicht ausreichen, auf der Seite das Formular anzuzeigen. Wünschen Sie weitere Informationen in den HTML-Code, der die verschiedenen Elemente der Form beschreibt. Sie können verschiedene Eingabefelder, Knöpfe, Schalter, etc. Wir werden sie in Ordnung betrachten.

Eingabefelder

Entwickelt für kleine Eingabetext oder Zeichen (Passwort). Sie sind eine spezielle Seite Rahmenprofile, Höhe begrenzt Schriftgröße und eine Reihe von schriftlichen Informationsanwendungen. In technischer Hinsicht ist es wie folgt. Startet bei der Herstellung einer universellen Form - Tag <INPUT>, die dann auf die Attribute zugeordnet:

  • TYPE - gibt den Typ der Eingabedaten. Werte: Text (Text), Passwort (Sternchen) und Versteckt (Daten werden nicht angezeigt).
  • NAME - weist einen Namen auf dem Spielfeld.
  • SIZE - Längenfeld. (Der Wert wird in der Anzahl der Zeichen angegeben)
  • MAXLENGHT - die Anzahl der Eingabezeichenbegrenzung.
  • VALUE - in Fällen verwendet , wenn Sie in die Felder eingeben müssen die Seite geladen wird keine Informationen zu der Zeit zu geben.

Hinweis: Der informative Anhang zum Feld kann in den Code geschrieben werden, sowohl vor als auch nach dem Tag <INPUT>. Beispiel für ein Feld zu schaffen für ein Passwort eingeben:

<Input type = "text" NAME = "login" SIZE = " 12" value = "Ihr Benutzername"> Anmelden

Kennwort <input type = "password" NAME = "pass" SIZE = " 25" MAXLENGHT = "24" VALUE "maximal 24 Zeichen">

Nach diesen Code kompiliert werden Sie in Form eines Browsers zu sehen, aber in ihm nicht die üblichen Tasten finden. Im Gespräch über sie wird weitergehen.

Textfelder

Solche Felder unterscheiden sich von den Eingabefeldern, so dass in ihnen das unbegrenzte Text eingeben können. Daher sind sie mit der Bildlaufleiste zur Verfügung gestellt. Um Textfelder auf der Seite in der HTML - Sprache setzen , ist das Tag <TEXTAREA->, wobei die folgenden Attribute zugeordnet werden können:

  • COLS - Breite des Fensters (in Anzahl von Symbolen).
  • ROWS - die Höhe des Fensters (in Anzahl von Zeichen).
  • NAME - identifizierende Informationen.
  • VALUE - Informationen im Fenster zum Zeitpunkt der Belastung.

Die Felder für die Dateiübertragung

Sie werden für das Senden von Daten Datei zusammen mit der auferlegten Form verwendet. Um dies zu erreichen müssen Sie das Formular selbst zu erstellen , indem Sie das Tag <INPUT> und TYPE - Attribut mit einem Wert von "file". Dann machen wir die Skriptdatei durch die Aktivierung ACTION - Attribut und du bist fertig.

Taste

Die Schlüssel werden im Wesentlichen Daten entwickelt, um in der Form geschrieben zu schicken, oder die Informationen in Form zurückgesetzt werden. Im ersten Fall wird das TYPE - Attribut des Tags <INPUT> zeigt vorlegen der Wert ist , in der zweiten - zurückgesetzt. Um die Schaltflächen auf der Seite angezeigt werden , müssen Sie Tag <INPUT> Sie bereits Attribute VALUE und den Namen hinzuzufügen. Die Formen werden ebenfalls verwendet, und andere , komplexere und "gehäuft" Tasten , die bereits direkt mit JavaScript - Skripten arbeiten.

Schalter und Kisten

In diesem Bereich sind sie für die Befragung der Besucher der Website verwendet, indem Sie die vordefinierten Optionen auswählen. Wenn man auf der Seite des Schalters platzieren, gelten alle den gleichen Tag <INPUT> und atrribut TYPE, dessen Wert sein wird:

  • Radio - Markierung den Schalter auf der HTML - Sprache.
  • Name - ID wechseln. (Alle Schalter in einer Gruppe müssen unbedingt den gleichen Wert zugewiesen werden).
  • Wert - Switch - ID , die vom Besucher gewählt wurde. (Werte für jeden Schalter in einer Gruppe müssen verschiedene Werte festgelegt werden.
  • cheked ausgewählt - es zeigt , wie der Schalter zum Zeitpunkt des Ladens eingeschaltet werden.

Flags, nach dem Prinzip von Aktion verschieden von denen von Schaltern, die sie durch die Verwendung als ein Element der Liste identifiziert werden können, und alle oder ein. Das Attribut TYPE sie Wert Checkbox bezeichnet. Zusätzlich zu dem oben genannten Attribut in dem Tag <INPUT> NAME und KARIERTE Attribute. Das erste Element ist ein Name zugeordnet. Zweitens, wie gewünscht platziert, wird es festzustellen, welche der Elemente von Standardkontrollkästchen aktiviert werden.

Drop-Down - Liste und

Solche Listen sind oft nicht nur auf Web-Seiten, sondern auch in verschiedenen anderen Computerprogrammen aus der Liste, wo man etwas, das man wählen müssen gefunden. Beispielsweise der Name der Schriftart in den Texteditor.

Dropdown-Listen werden im HTML-Code erstellt wie folgt. Der Container <SELECT> eingefügt Container <OPTION>, wobei jeder Behälter <OPTION> ein Element in der Liste sein. Zugleich mit dem Tag <SELECT> assign - Attribute kennen Sie NAM E und Größe, aber zu markieren <OPTION> - VALUE und ausgewählte (Wahl Element Standardliste).

Alle diese Formen in der Praxis werden vor allem in Verbindung mit dem JavaScript im Browser verwendet , die in einem Container <HEAD> gemeldet werden sollte.

Ist das Antragsformular ist komplex durchgeführt wird, dann für deren Anordnung auf der am bequemsten, die Seitentabelle Methode zu verwenden.