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

Multimedia einfügen

Mit Formularen arbeiten

Um Elemente der Interaktivität auf Ihrer Website zu verraten, müssen Sie Formulare verwenden. Feedback von Besuchern ist ein wichtiger Bereich in der Entwicklung und Effektivität Ihrer Website. Formulare können in vier Kategorien unterteilt werden:

  1. Um Besucher zu befragen . Gibt Ihnen die Möglichkeit, vorbereitete Fragen mit Optionen für die Beantwortung von Fragen oder freien Textfeldern, die Sie selbst ausfüllen, zu beantworten. Mit ihrer Hilfe erhalten Sie die Informationen, die Sie benötigen, in Echtzeit.
  2. Formular für Bewertungen . Dazu könnte beispielsweise das beliebte "Gästebuch" gehören. Es gibt Besuchern die Möglichkeit, ihre Meinung zu äußern, über ihre Probleme und Fragen zu schreiben, Vorschläge und Kommentare zu machen oder sich zu bedanken.
  3. Um Daten zu sammeln . Dienen hauptsächlich als Element bei der Registrierung eines Website-Besuchers. Es hat die Form eines normalen Fragebogens.
  4. Verschiedene Eingabefelder (Suche, Passworteingabe, etc.).

Alle im Formular angegebenen Daten werden über Skripte verarbeitet und übertragen, die in Perl- Programmiersprachen (Dateiendung .cgi ) und PHP (mit Erweiterung .php ) geschrieben sind.

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

  • ACTION - Aktiviert die Skriptdatei, die auf das Formular angewendet wird.
  • NAME - identifiziert das Formular.
  • METHODE - Formular Datenübertragungsmethode. Werte: "post" (Senden per E-Mail) und erhalten (pro Domain).

Aber all dies wird nicht ausreichen, damit ein Formular auf der Seite erscheint. Zusätzliche Informationen werden im HTML-Code benötigt, der die verschiedenen Formularelemente beschreibt. Sie können verschiedene Felder für Eingaben , Schaltflächen , Schalter usw. sein. Wir betrachten sie in der richtigen Reihenfolge.

Eingabefelder

Entwickelt, um einen kleinen Text oder Zeichen einzugeben (Passwort). Sie sind gerahmte Seiten der Seite, begrenzt in der Höhe nach Schriftgröße und einer Zahl, die von der Informationsanwendung geschrieben wurde. In technischer Hinsicht geschieht dies auf die folgende Weise. Das universelle <INPUT> -Tag wird beim Erstellen der Formulare verwendet, denen dann Attribute zugewiesen werden:

  • TYPE - gibt den Typ der eingegebenen Informationen an. Werte: Text (Text), Passwort (Sternchen) und Hidder (Informationen werden nicht angezeigt).
  • NAME - weist dem Feld einen Namen zu.
  • SIZE - Feldlänge. (Wert wird in der Anzahl der Zeichen angezeigt)
  • MAXLENGHT - Begrenzung der Anzahl der eingegebenen Zeichen.
  • VALUE - wird in Fällen verwendet, in denen Sie die Felder ausfüllen müssen, um zum Zeitpunkt des Ladens der Seite Informationen einzugeben.

Hinweis: Informative Anwendungen für das Feld können sowohl vor als auch nach dem <INPUT> -Tag im Code aufgezeichnet werden. Ein 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">

Nachdem Sie diesen Code kompiliert haben, sehen Sie das Formular im Browser, aber Sie werden die üblichen Schaltflächen nicht finden. Die Rede von ihnen geht weiter.

Textfelder

Solche Felder unterscheiden sich von Eingabefeldern darin, dass sie unbegrenzt Text eingegeben werden können. Daher sind sie mit einer Bildlaufleiste versehen. Um Textfelder auf einer Seite in der HTML-Sprache zu platzieren, ist das <TEXTAREA> -Tag vorgesehen, dem folgende Attribute zugewiesen werden können:

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

Dateiübertragungsfelder

Sie werden verwendet, um eine Datei zusammen mit den im Formular eingegebenen Daten zu senden. 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

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

Schaltet und kennzeichnet

In diesem Bereich werden sie verwendet, um Website-Besucher durch die Auswahl von vorbereiteten Optionen zu überprüfen. Wenn Schalter auf der Seite platziert werden, werden alle <INPUT> -Tags und TYPE- Attribute verwendet, deren Wert wie folgt lautet:

  • Radio - die Bezeichnung des Schalters in der Sprache von HTML.
  • Name - die Kennung des Switches. (Für alle Switches derselben Gruppe müssen die gleichen Werte zugewiesen werden).
  • Wert - die Kennung des Schalters, der vom Besucher ausgewählt wurde. (Werte für jeden Switch in derselben Gruppe müssen unterschiedliche Werte sein.
  • ausgewählt checked - zeigt an, welcher Switch beim Booten aktiviert wird.

Nach dem Prinzip der Aktion unterscheiden sich die Flags von den Switches, mit deren Hilfe man sowohl ein Element aus der Liste als auch alle anderen auswählen kann. Im Attribut TYPE werden sie durch den Wert des Kontrollkästchens angezeigt. Zusätzlich zu dem oben genannten Attribut im Tag <INPUT> Attribute NAME und überprüft . In der ersten wird ein Elementname zugewiesen. Der zweite wird nach Belieben festgelegt, es wird bestimmen, welches Element standardmäßig aktiviert wird.

Dropdown-Liste und

Solche Listen finden sich oft nicht nur auf Webseiten, sondern auch in verschiedenen anderen Computerprogrammen, wo man aus der angebotenen Liste ausgewählt werden sollte. Zum Beispiel der Name der Schriftart in einem Texteditor.

Kompilierte Dropdown-Listen im HTML-Code wie folgt. <OPTION> -Container werden in den <SELECT> -Container eingefügt, wobei jeder <OPTION> -Container ein Element aus der Liste sein wird. Gleichzeitig werden die bekannten Attribute NAM E und SIZE dem <SELECT> -Tag zugewiesen und VALUE und SELECTED (die Standardauswahl des Listenelements) werden dem <OPTION> -Tag zugewiesen.

Alle oben genannten Formen werden in der Praxis hauptsächlich in Verbindung mit JavaScript- Skripten verwendet, die der Browser im Container <HEAD> melden muss.

Wenn die Anwendung von Formularen durch den Komplex ausgeführt wird, ist es am bequemsten, wenn sie auf der Seite angeordnet sind, die tabellarische Methode zu verwenden.